Sunday, December 27, 2020
Blazor Event Handling - onclick, onmousemove, onchange
Monday, December 21, 2020
Call REST API from ASP.NET Core Blazor
Blazor component can call REST API directly, but create a separate service that calls the REST API.
Solution Structure
Wednesday, December 9, 2020
MicroSoft Blazor
Today's web development, use both server-side (C#, Java,...) and client-side (JavaScript frameworks like Angular, React,..) technologies.
Use C# both for server & client side development, that's Blazor. Blazor lets you build interactive web UIs using C# instead of JavaScript.
Blazor can run client-side C# code (or any type of code) directly in the browser, using WebAssembly. It runs in the same security sandbox as JavaScript frameworks like Angular, React, etc.
WebAssembly is based on open web standards without using plug-ins or code transpilation. It works in all modern browsers including mobile browsers.
There are 2 Blazor hosting models: Blazor WebAssembly (the client-side) and Blazor Server (the server) .
Tuesday, August 25, 2020
Deploy ASP.NET CORE application with the Kubernetes Deployments
Update the application with a rolling update strategy that releases new pods more gradually, one pod at a time.
Roll back the application to a specific version of the deploy history using the deployment.
Run the command without --restart=Never (Deploy ASP.NET Core Application images in Kubernetes (K8s) & POD). Command to create a simple deployment
kubectl run frontendmvcv1 --image=makader/myapp:frontendmvc-v1 --port 80
kubectl get deployment frontendmvcv1
Sunday, August 23, 2020
ASP.NET Core SignalR Chart Hub Application using Chartist.js
ASP.NET Core SignalR Application
https://github.com/mkader/SignalRExample
Create a new ASP.NET Core (3.1 or later ) Web Application (whatsupchat) with HTTPS
Add the JavaScript SignalR Client Library.
ASP.NET Core Main Method
{
public class Program
{
public static void Main(string[] args)
{
CreateHostBuilder(args).Build().Run();
}
public static IHostBuilder CreateHostBuilder(string[] args) =>
Host.CreateDefaultBuilder(args)
.ConfigureWebHostDefaults(webBuilder =>
{
webBuilder.UseStartup<Startup>();
});
}
}
The Main method is the entry point (where execution will start) when the application starts running.
The Main method is used to create a host builder, specifically a default builder.
A builder, knows how to create a web host.
The default builder also sets up some of the default services behind the scenes, to configure application using the Startup class (webBuilder.UseStartup<Startup>()).
Build() the builder, gives us a web host instance that knows how to listen for connections and process/receive HTTP messages. Finally, the web host to Run().
Once we call Run(), everything that happens in the application is determined by the code that is contained in the Startup class.
ASP.NET Core now knows that it’s going to instantiate the Startup class and invoke two methods.
The first method is ConfigureServices, will allow us to add our own custom services in ASP.NET Core. This will then inject those services into pages, controllers, and wherever else we might need them.
The second is the Configure method, will determine what middleware it will execute for every incoming HTTP message.
The request pipeline comprises of a series of middleware components. Each middleware component performs some operation on the HttpContext, and then invokes the next middleware in the pipeline or terminates the request.
Can create custom middleware components.
ASP.NET Core SignalR
"real-time web" functionality means that the server-side code can instantly push content to connected clients.
- Chat applications
- Notification applications (Team meet, share ideas)
- Live dashboards (display instantly updated sales information).
Wednesday, August 19, 2020
Deploy ASP.NET Core Application different image verison in Kubernetes
Deploying the pods (individually or with a replication controller), using the same labels, except for the version, for which you use the value v2.
Modified the code (frontendmvc).
Build the image, re name the image tag version 2 & publish the image to Docker Hub
docker build -t frontendmvc .
docker tag frontendmvc makader/myapp:frontendmvc-v2
docker push makader/myapp:frontendmvc-v2
Kubernetes Lessons Learned
ASP.NET CORE and Docker
ASP.NET Core Application with Docker
Add SQL Server 2017 Docker Container to ASP.NET Core MVC/Web API
Project
Docker Compose
Deploy ASP.NET Core Application images in Kubernetes (K8s) & POD
Kubernetes ReplicationController
Access ASP.NET Core MVC Application with Kubernetes and NodePort
Create a Kubernetes service using a YAML
Deploy ASP.NET CORE application with the Kubernetes Deployments
Kubernetes ReplicaSet selector with matchExpressions
Kubernetes Deployment Update Strategy
Sunday, August 16, 2020
ASP.NET Core Application with Docker
Create new ASP.NET Core MVC application through Visual Studio with Dockerfile.
OR Using Visual Studio Code, type "code .". Install the VSC extension named Docker by Microsoft, which help us to edit the Docker files.
OR Create by .NET Core CLI
Create new folder c:\frontendmvc, use powershell to run the below commands
- mkdir c:\frontendmvc
- cd c:\frontendmvc
- dotnet new mvc
- dotnet run