Blazor Hello world

My colleague shared an article about ASP.NET Blazor how to implement "Web Assembly".Today, I try a classic sample, Of course, For new guys to enter the door  "Hello world" is the best choice.

Setup
Opening the extension tool to search the word "blazor"  you will find the package "ASP.NET Core Blazor Language Service".As you can see the name it means you need to be used ".Net core".

Choose Project Template
After installed, When we created a new project which will show more three templates.

  1. Basic Client Side Project,: Basically, this can run well but normally we will split it to client and backend so we don't use it.
  2. ServerAPI+Shared+Client Side: We use this,  it is the most standard layer architecture.
    Ps: Template 1 and 2 will load assembly to browser through blazor.webassembly.js to render HTML.
  3. ServerAPI+Shared+Server Side: This is similar No.2 the different is it will not load assembly to the browser.All of the HTML will render from backed through blazor.server.js.
    Notice, if the backend is unavailable client cannot render HTML.

Hello World
This sample uses No.2, it will have three projects as below shows:

  • Client : Frontend View
  • Server :  Backed Web API, This is a primary running project.
  • Shared : Shared project. e.g:Model
Testing, Just run the server project that can show the result. Which will load the client project to display.


About backed Web API

The server project has a sample code that demonstrates the client how to retrieve data from the backed.
SampleDataController.cs

Client View calling API

All of the above are generated by default setting. I didn't write any of the code.

Refference



Popular posts from this blog

VS2017-Build fail-FindDependenciesOfExternallyResolvedReferences

Image
Recently, After installed the newest version of Visual Studio 2017 that occurred some of the following error messages: Software Infomation:Visual Studio 2017 Enterprise 15.7.4  (The problem since 15.6.x) Workaround I asked the help from forums the got temporary workaround as below: Opening file: C:\Program Files (x86)\Microsoft Visual Studio\2017\Enterprise\MSBuild\15.0\Bin\Microsoft.Common.CurrentVersion.targets Finding the red block highlight at below photo then remove it from the file. Reference https://developercommunity.visualstudio.com/content/problem/208668/the-finddependenciesofexternallyresolvedreferences.html
Keep reading

IIS Block IP Setting

Image
We have two Web Server one for internal another for external. Now we consider let two into one. The main site will be opened a limited specific IP range, but some of the other sites will be opened to the public. How to 1.Add Features- IP and Domain Restriction After installed, It will show the icon in the root or subsites. 2.Setting IIS Root access from Allow to Deny. 3.IIS Root against specific IP range to open.e.g.The mask of the example as 255.255.255.0 it means from192.168.2.0~255 can be accessed. 4.Opening to the public by specific sites. Due to IIS Root has setting the deny. All of the sites will inherit this setting. After subsite modify its settings then it will base on a subsite. Therefore, it can be satisfied our request the deny is default but some allow. All of the settings are stored in the IIS config file. %windir%\System32\inetsrv\config\applicationHost.config Above-mentioned, ...
Keep reading

VS2017.15.8.4 Error fixed

Image
Recently, I am a bit of fear to upgrade VS2017. Especially a major version was changed that every time will occur some error after installed. This time I  upgrade it from 15.7.x to 15.8.4.As expected all of my projects cannot be loaded. Workaground According to the message I head to the developer forum where I found the answer as below: 1. Run as administrator to open Developer Command. 2.Enter the following commands. gacutil /i "C:\Program Files (x86)\Microsoft Visual Studio\2017\Enterprise\MSBuild\15.0\Bin\Microsoft.Build.Framework.dll" gacutil /i "C:\Program Files (x86)\Microsoft Visual Studio\2017\Enterprise\MSBuild\15.0\Bin\Microsoft.Build.dll" gacutil /i "C:\Program Files (x86)\Microsoft Visual Studio\2017\Enterprise\MSBuild\15.0\Bin\Microsoft.Build.Engine.dll" gacutil /i "C:\Program Files (x86)\Microsoft Visual Studio\2017\Enterprise\MSBuild\15.0\Bin\Microsoft.Build.Conversion.Core.dll" gacutil /i "C:\Pro...
Keep reading