受欢迎的博客标签

How to Deploying Real World ASP.NET Core Blazor WebAssembly 6.x(Hosted deployment ) on Ubuntu 20.04 step by step

Published

Introduction

In this tutorial you’ll set up and deploy a production-ready ASP.NET Core Blazor WebAssembly(Hosted deployment) with a MongoDb Server on Ubuntu 20.04 using Nginx.

A standalone deployment serves the Blazor WebAssembly app as a set of static files that are requested directly by clients. Any static file server is able to serve the Blazor app.

1.Hosted deployment with ASP.NET Core

https://docs.microsoft.com/en-us/aspnet/core/blazor/host-and-deploy/webassembly?view=aspnetcore-5.0#hosted-deployment-with-aspnet-core

2.Standalone deployment

https://docs.microsoft.com/en-us/aspnet/core/blazor/host-and-deploy/webassembly?view=aspnetcore-5.0#standalone-deployment

 

How it works

Remember the relationships.

OS/ ubuntu server 18.04-x64 Solution Folder

OS---------- ubuntu server 18.04-x64 
 ├── .NET SDK & .NET  Runtime
 │   ├── .NET SDK                     <- ---------- SDK
 │   ├── ASP.NET Core Runtime    <--- The ASP.NET Core Runtime enables you to run existing web/server applications.
 │   ├── Desktop Runtime            <--- The Desktop Runtime enables you to run existing Windows desktop applications.
 │   └── .NET Runtime                   <---  The .NET Runtime enables you to run existing  console app.
 ├── ASP.NET Core  web applications   <---- Listens on http://locahost:5000
 │   ├── nongodb server
 │   └── redis server
 └── Nginx web server   <--- Listens on Port 443 / 80 and forwards HTTP/S calls to http://locahost:5000.

One Ubuntu 18.04 server - Your server

ASP.NET Core Web Application - Runs your app / website on  Ubuntu 18.04 server
nginx - Listens on Port 443 / 80 and forwards HTTP/S calls to your website.

A secured Nginx web server
Mongodb Redis - Keeps your app data
Supervisor - Keeps your app running

 

detail steps

Requirements

Register Microsoft key and feed
Install the .NET Core  Runtime
Install the .NET SDK

Create a new ASP.NET Core web application
Publish and copy over the app
Install Monodb
Install nginx as reverse proxy
Configure SSL
Configure nginx
Monitoring the app
Conclusion

 

Prepare an  Run Evironmentn for ASP.NET Core Application on Ubuntu

Install the .NET Core 6.x Runtime <--an  Run Evironmentn for ASP.NET Core Application on Ubuntu
Install the .NET Core 6.x SDK        <--an  Run Evironmentn for ASP.NET Core Application on Ubuntu

Prepare an ASP.NET Core Website

insall web <--Running an ASP.NET Core Website on Ubuntu

install mongodb

install redis

nginx

insall nginx

Configure NGINX<--Configure NGINX as a Reverse Proxy to ASP.NET Core

install https<--Configure the reverse proxy for secure (HTTPS) client connections

domain

buy domain

 

Part one:Prepare an  Run Evironmentn for ASP.NET Core Application on Ubuntu

step 1.Setting up a Linux host

1.Prerequisites

Linux Distribution

   ubuntu 18.04-x64

   root permissions

2.One Ubuntu 18.04 server

There are many service providing offering a cheap Linux based VPS (virtual private server). vultr.com offers  a single core, 1GB RAM instance for  about 5 USD/month. The instance we select is an Ubuntu Server 20.04 *64 LTS (HVM) with 8GB of storage (SSD).

3.NET  6.0 - Supported OS versions

.NET Core 6.0 is supported on the following Linux distributions/versions:

OS:Ubuntu
Ubuntu OS Version >=16.04* 64,
Architectures:x64, ARM32, ARM64

For information on  Linux distributions supported by ASP.NET Core, see Prerequisites for .NET Core on Linux.

https://docs.microsoft.com/en-us/dotnet/core/linux-prerequisites?tabs=netcore30

 

step 2. connect to this instance through SSH

1.On a Windows machine, you can use mRemoteNG to connect to a Linux machine. 

2.PuTTY: a free SSH and Telnet client

https://www.chiark.greenend.org.uk/~sgtatham/putty/?spm=5176.2020520101.0.0.20c74df5gR1HOz

3.Xshell6 https://www.netsarang.com/en/all-downloads/

4.Termius SSH:https://www.termius.com/windows

 

step 3.Prepare an  Run Evironmentn for ASP.NET Core Application on Ubuntu

Prepare ASP.NET Projects

Initial Server Setup with Ubuntu 18.04 

How To Install Nginx on Ubuntu 18.04

 

Install winscp on windows

https://winscp.net/download/WinSCP-5.15.3-Setup.exe

文件传输协议 = SFTP-3
加密协议 = SSH-2
SSH实现 = OpenSSH_7.2p2 Ubuntu-4ubuntu2.4
加密算法 = aes
压缩 = 否

 

other tools:

SecureCRT+SecureFX  https://www.portablesoft.org/securecrt-securefx-legacy-versions/

 

# lsb_release -a

LSB Version:	core-9.20170808ubuntu1-noarch:security-9.20170808ubuntu1-noarch
Distributor ID:	Ubuntu
Description:	Ubuntu 18.04.3 LTS
Release:	18.04
Codename:	bionic

 

 

Install .NET Core SDK on Linux Ubuntu 20.04 - x64

 

you can read the doc https://dotnet.microsoft.com/download/linux-package-manager/ubuntu18-04/sdk-current and  run the  commands.

This tutorial installs .Net core 5.x on  ubuntu 18.04-x64 .

how to Install .NET5.x on Ubuntu 18.04*64 step by step

 

 

 

If the command runs, printing out information about dotnet, you're good to go.

step 4:Website Creation

The dotnet command creates a new website server application of type website for you. The -o parameter creates a directory named test where your app is stored, and populates it with the required files. The cd myApp command puts you into the newly created app directory.

step5:Run the app

Kestrel is the web server that is included by default in ASP.NET Core new project templates. It is a cross-platform web server for ASP.NET Core based on libuv, a cross-platform asynchronous I/O library. If your application accepts requests only from an internal network, you can use Kestrel by itself.

 

error:

dotnet run --urls http://localhost:5005

 

correct:

dotnet run --urls http://0.0.0.0:5005
warn: Microsoft.AspNetCore.Server.Kestrel[0]
      Unable to bind to http://localhost:5005 on the IPv6 loopback interface: 'Cannot assign requested address'.
Hosting environment: Development
Content root path: /root/myapp/test
Now listening on: http://localhost:5005
Application started. Press Ctrl+C to shut down.

 

step 5:Test the Application Directly on Kestrel Server

navigate to http://<serveraddress>:<port> to verify the app works on Linux locally.

visit http://localhost:5000/。,open another terminal

wget http://localhost:5000/

 

Publish

 

Step 6: publish  on vultr

cd /var/www/msly/Toolmslycn_BlazorWebAssembly/src/Server

dotnet publish -c release

output

Toolmslycn_BlazorWebAssembly.Server -> /var/www/msly/Toolmslycn_BlazorWebAssembly/src/Server/bin/release/net6.0/publish/

 

 Step 7:Test the Application Directly (  publish )

cd  /var/www/msly/Toolmslycn_BlazorWebAssembly/src/Server/bin/release/net6.0/publish/
dotnet Toolmslycn_BlazorWebAssembly.Server.dll --urls http://localhost:4899

 

 

We use the following command to list the available releases of .NET Core on Linux host.

apt-cache search dotnet

 

Step 8:Configure ASP.NET Core as a Background Service

 We will use systemd and create a service file to start and monitor the underlying web app. systemd is an init system that provides many powerful features for starting, stopping and managing processes.

We can create a configuration file using the following command

sudo vi /etc/systemd/system/kestrel-wwwstocksocom.service

The content of the .sevice file is as follows.

[Unit]
Description=Toolmslycn BlazorWebAssembly App Server running on Ubuntu

[Service]
WorkingDirectory=/var/www/msly/Toolmslycn_BlazorWebAssembly/src/Server/bin/release/net6.0/publish/
ExecStart=/usr/bin/dotnet  /var/www/msly/Toolmslycn_BlazorWebAssembly/src/Server/bin/release/net6.0/publish/Toolmslycn_BlazorWebAssembly.Server.dll --urls http://localhost:4899
Restart=always
# Restart service after 10 seconds if the dotnet service crashes:
RestartSec=10
KillSignal=SIGINT
SyslogIdentifier=dotnet-example
User=www-data
Environment=ASPNETCORE_ENVIRONMENT=Production
Environment=DOTNET_PRINT_TELEMETRY_MESSAGE=false

[Install]
WantedBy=multi-user.target

If you completed the configuration and save the .service file, you need to enable it.

sudo systemctl enable kestrel-wwwstocksocom.service

then start it.

sudo systemctl start kestrel-wwwstocksocom.service
sudo systemctl restart kestrel-wwwstocksocom.service

 

sudo systemctl status kestrel-wwwstocksocom.service

 

sudo journalctl -fu kestrel-wwwstocksocom.service

 

sudo systemctl daemon-reload 

在你的Linux 里确认 8045 处于 Listen 状态用命令: netstat -tlanp | grep 8045

首先登录到云管理控制台,然后“实例”->“更多”->“网络安全和安全组”->“安全组配置”->“配置规则”->“入方向”->“添加安全组规则”->
端口范围  80/80
授权对象  0.0.0.0/0

 

加规则到安全测量组

将实例加入到安全策略组

 

windows

1.dotnet publish

2.copy in\Debug\netcoreapp2.1\publish\*.* to linux  var/www/

3.cd var/www/publish

4.dotnet project.dll