Skip to main content

Posts

Showing posts with the label Dotnet-Technology

Part-2 | Blazor WebAssembly | .Net7 API | MudBlazor | CRUD - Create API Project

The main objectives of this article are: Create .NET7 API Project Install Entity Framework Core Package Setup Database Context Create A .NET7 Web API Project: Let's create a sample .Net 7 API application to accomplish our demo. (Step 1) (Step 2) (Step 3) (Step 4) Install Entity Framework Core NuGet Package: Let's install the entity framework core package. Let's install the entity framework core SQL NuGet package. SQL Connection String: Let's prepare the SQL connection string. Sample SQL Connection String: Data Source=(localdb)\MSSQLLocalDB;Initial Catalog=MyWorldDB;Integrated Security=True;Connect Timeout=30 Data Source - SQL server name. Initial Catalog - Database name Integrated Security -windows authentication. Connect Time -connection time period. Let's configure the connection string in 'appsettings.Development.json'. appsettings.Development.json: "ConnectionStrings": { "MyWorldDbConnection": "Data Source=(localdb)\\M

Part-1 | Blazor WebAssembly | .Net7 API | MudBlazor | CRUD - Create Sample SQL Table & MudBlazor Project

The main objectives of this article are: Create A Sample SQL Table. Create Blazor WebAssembly Application Script To Create Sample Table: Let's create a sample table like 'SuperHeroes' by running the following command. CREATE TABLE SuperHeroes ( Id INT IDENTITY(1,1) NOT NULL, Name VARCHAR(200) NULL, Franchise VARCHAR(20) NULL, Gender VARCHAR(20) NULL, ImageURL VARCHAR(1000) NULL CONSTRAINT PK_SuperHeroes PRIMARY KEY (Id) ) Create A Blazor WebAssembly(.NET 7) Application: Let's create a sample Blazor WebAssembly(.NET7) application. To create .NET7 application we can use either 'Visual Studio 2022' or 'Visual Studio Code' editor.  (Step 1) (Step 2) (Step 3) (Step 4) Configure MudBlazor UI Library: Install the MudBlazor NuGet package. Add the MudBlazor namespace in '_Imports.razor'. _Imports.razor: @using MudBlazor Add the below CSS into the closing head tag in 'wwwroot/index.html'. <link href="https://fonts.googleapis.com/css?

A Demo On Clean Architecture | MediatR CQRS Pattern | .NET7 Web API

In this article, we will learn about 'Clean Architecture', 'CQRS Pattern With MediatR' by implementing in .NET7 Web API. Clean Architecture: The Clean Architecture comprises of: Domain Layer Application Layer Infrastructure Layer UI Layer Clean Architecture lives on the dependency inversion principle. In general business logic depends on the data access layer or infrastructure layer. But in clean architecture, it is inverted, which means the data access layer or infrastructure layers depends on the business logic layer(which means the Application Layer) . Domain Layer: the domain layer project will have 'Entities'(Domain Models), 'Domain Services', and 'Value Object'. This project is a parent project and it is independent on all other projects. Application Layer: the application layer project contains business logic files, DTOs, mapper, etc. This project can depend only on the 'Domain Layer Project'. Infrastructure Layer: the infrastruct

Part - 8 | Asp.Net Core Identity Series[.NET 7] | Microsoft Account Authentication

The main objectives of this article are: Implementing Microsoft Account Authentication. Install Microsoft Account Authentication NuGet Package: Let's install the required package for Microsoft Account Authentication Visual Studio 2022: Install-Package Microsoft.AspNetCore.Authentication.MicrosoftAccount -Version 7.0.4 Visual Studio Code: dotnet add package Microsoft.AspNetCore.Authentication.MicrosoftAccount --version 7.0.4 Register Our App With Microsoft Azure Portal: To enable Microsoft authentication to our application, we have to register our app into the Microsoft Azure Portal. So following are steps to resisting the app with the Microsoft portal. (Step 1) Go to the Azure Portal 'https://portal.azure.com/'. Then select 'App Registration.' (Step 2) On the 'App Registration' page, select the 'New registration' button. (Step 3) Provide a 'Display Name' and then choose 'Supported account types'. (Step 4) Select 'Web'

Part - 7 | Asp.Net Core Identity Series[.NET 7] | Twitter Authentication

The main objectives of this article are: Implementing Twitter Authentication. Install Twitter Authentication NuGet Package: Let's install the required package for Twitter authentication. Visual Studio 2022: Install-Package Microsoft.AspNetCore.Authentication.Twitter -Version 7.0.4 Visual Studio Code: dotnet add package Microsoft.AspNetCore.Authentication.Twitter --version 7.0.4 Register Our App With Twitter: To enable Twitter authentication to our application we have to register our API with Twitter. So following are steps to register with Twitter. (Step 1) Register with 'Twitter Developers' section and then navigate to the dashboard page 'https://developer.twitter.com/en/portal/dashboard' (Step 2) Click on 'Create Poject' on the dashboard page. (Step 3) Specify the project name and then click on the 'Next' button. (Step 4) Select a use case and then click on the 'Next' button (Step 5) Provide some project description and then click o