GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → gpeipman → BlazorDemo

gpeipman / BlazorDemo

Licence: other
Demo application for my writings about Blazor

Programming Languages

C#
18002 projects
HTML
75241 projects
CSS
56736 projects
javascript
184084 projects - #8 most used programming language

Labels

spaaspnetcoreaspnet-coresingle-page-applicationsrazorblazorblazor-crud

Projects that are alternatives of or similar to BlazorDemo

Awesome Blazor
Resources for Blazor, a .NET web framework using C#/Razor and HTML that runs in the browser with WebAssembly.
Stars: ✭ 6,063 (+7574.68%)
Mutual labels:  aspnetcore, razor, blazor, blazor-crud
AspNetCoreAzureSearch
ASP.NET Core with Azure Cognitive Search
Stars: ✭ 12 (-84.81%)
Mutual labels:  aspnetcore, aspnet-core, razor
blazor-ui
A collection of examples related to Telerik UI for Blazor Components: https://www.telerik.com/blazor-ui
Stars: ✭ 182 (+130.38%)
Mutual labels:  aspnetcore, razor, blazor
DNTCommon.Web.Core
DNTCommon.Web.Core provides common scenarios' solutions for ASP.NET Core 3.x applications.
Stars: ✭ 117 (+48.1%)
Mutual labels:  aspnetcore, aspnet-core, razor
Blazor-CRUD
Simple CRUD application using C#/Blazor
Stars: ✭ 25 (-68.35%)
Mutual labels:  razor, blazor, blazor-crud
Home
Home for Blazor Extensions
Stars: ✭ 51 (-35.44%)
Mutual labels:  aspnetcore, aspnet-core, blazor
AspNetCore6Experiments
ASP.NET Core Blazor BFF with Azure AD and Razor page
Stars: ✭ 43 (-45.57%)
Mutual labels:  aspnetcore, razor, blazor
TheLastTime
C# .NET 5 Blazor WebAssembly Progressive Web Application that tracks when was the last time you did something
Stars: ✭ 23 (-70.89%)
Mutual labels:  aspnetcore, aspnet-core, blazor
BestForYouRecipes
Best For You recipes site in Blazor
Stars: ✭ 63 (-20.25%)
Mutual labels:  aspnetcore, blazor
run-aspnetcore-basics retired
One Solution - One Project for web application development with Asp.Net Core & EF.Core. Only one web application project which used aspnetcore components; razor pages, middlewares, dependency injection, configuration, logging. To create websites with minimum implementation of asp.net core based on HTML5, CSS, and JavaScript. You can use this boi…
Stars: ✭ 15 (-81.01%)
Mutual labels:  aspnetcore, aspnet-core
AspNetCore.Client
On Build client generator for asp.net core projects
Stars: ✭ 14 (-82.28%)
Mutual labels:  aspnetcore, blazor
AspNetCore.TestHost.WindowsAuth
Implements Windows authentication for ASP.NET Core TestServer-based integration test projects.
Stars: ✭ 21 (-73.42%)
Mutual labels:  aspnetcore, aspnet-core
Awesome-Nuget-Packages
📦 A collection of awesome and top .NET packages sorted by most popular needs.
Stars: ✭ 87 (+10.13%)
Mutual labels:  aspnetcore, aspnet-core
Huxley2
A cross-platform JSON proxy for the GB railway Live Departure Boards SOAP API
Stars: ✭ 22 (-72.15%)
Mutual labels:  aspnetcore, aspnet-core
high-performance-aspnet-core-workshop
Sample application used in the High-Performance ASP.NET Core Workshop
Stars: ✭ 29 (-63.29%)
Mutual labels:  aspnetcore, aspnet-core
laravel-vue-starter
Well Documented Laravel Starter App From Development to Production. For Full Blown RESTFUL API and SPA with Beautiful UI Using Buefy / ElementUi For Reusable Vue Components
Stars: ✭ 80 (+1.27%)
Mutual labels:  spa, single-page-applications
BlazorAuthenticationSample
A sample showing some of the ASP.NET Core Blazor authentication features (also some testing...) 🚀
Stars: ✭ 78 (-1.27%)
Mutual labels:  aspnetcore, blazor
CRUD-Laravel-Livewire-SPA
CRUD Laravel 7 & Livewire (SPA) Single Page Application
Stars: ✭ 34 (-56.96%)
Mutual labels:  spa, single-page-applications
DNZ.MvcComponents
A set of useful UI-Components (HtmlHelper) for ASP.NET Core MVC based-on Popular JavaScript Plugins (Experimental project).
Stars: ✭ 25 (-68.35%)
Mutual labels:  aspnetcore, aspnet-core
mssql-restapi
A simple REST API for SQL Server, Azure SQL DB and Azure SQL DW using SMO on .NET Core 2.0
Stars: ✭ 33 (-58.23%)
Mutual labels:  aspnetcore, aspnet-core
View All Similar Projects ➔

BlazorDemo

This is my simple Blazor application that demonstrates how to build SPA on Blazor and how to communicate with ASP.NET Core backend. Demo application is simple books database.

Solution contains:

  • Sample database BACPAC file (can be imported to MSSQL using SSMS)
  • Client application with Blazor UI
  • Basic select and CRUD operations are implemented in UI and in back-end
  • Displaying of delete confirmation dialog and deleting of books
  • Fully functioning add/edit form
  • Pager component and support for data paging
  • Dependency injection with custom service classes
  • Protecting Blazor application and Azure Functions based back-end using Azure AD

Azure AD example

For Azure AD there are two project in solution:

  • BlazorDemo.AdalClient - Blazor web application that supports Azure AD
  • BlazorDemo.AzureFunctionsBackend - Azure Functions project with all functions that form back-end for Blazor application

On Azure the following services are needed:

  • Azure AD - free one is okay
  • Azure SQL - instance with minimal size is okay
  • Azure Search - free tier is okay
  • App regitration on Azure AD - Web/Web API type of application
  • Azure Functions - minimal App Service where functions run is okay
  • Azure Storage GPv2 with static websites enabled (optional)

Configuration in code files:

  • BlazorDemo.AdalClient project wwwroot/js/app.js - Azure AD tenant ID and application ID
  • BlazorDemo.AdalClient project BooksAzureFunctionsClient.cs - Azure Functions host and Azure AD application ID
  • BlazorDemo.AzureFunctionsBackend project AzureSearchClient - Azure Search service and index name, access key

To use search you have to comment in calls to search service in BooksAzureFunctionsClient.cs (BlazorDemo.AdalClient project)

BACPAC for SQL Server is in External Files folder. After creating database on SQL Azure it is possible to import it as a data-tier application. Same way it is possible to import it to SQL Server LocalDb used by BlazorDemo.Client project.

More information is available in my blog post Azure AD authentication in Blazor using ADAL.js.

Tools

As of 2019-05-20 the following tooling is needed to build and run this solution:

Your opinion matters

If you tried out this solution and you understand how Blazor works then please find some moments to take brief survey by Microsoft helping to make Blazor even better.

References

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].