linux版azure应用服务,【Azure App Service For Container】创建ASP.NET Core Blazor项目并打包为Linux镜像发布到Azure应用服务...

Blazor 是一个使用 .NET 生成交互式客户端 Web UI 的框架:

使用 C# 代替 JavaScript 来创建信息丰富的交互式 UI。

共享使用 .NET 编写的服务器端和客户端应用逻辑。

将 UI 呈现为 HTML 和 CSS,以支持众多浏览器,其中包括移动浏览器。

与新式托管平台(如 Docker)集成。

任务描述

使用VS2019模板创建Blazor项目,添加Dockerfile打包为Linux镜像,最后发布到Azure应用服务, 并查看镜像的发布日志和启动日志。要完成这次任务,需要提前准备以下条件:

1)安装VS2019,Docker Desktop,App Service For Container, Azure Container Registry(ACR)

第一步:创建Blazor项目

在VS 2019中创建新项目,选择Blazor App模板(如无此模板,则下载并安装最新的.Net SDK即可),创建包含Client端(WebAssembly)的项目

选择MyLife.Blazor.Server项目为启动项目,F5测试本地运行情况

1bc5d1dfae132dc37bac68c9811136c3.gif

第二步:创建Linux镜像并本地部署测试

必须启动Docker Desktop应用并配置为使用Linux容器,默认为Windows容器,点击Docker运行图标右键选择"Switch to Linux Container"

153f86659ac396956cb8ffa7e0d0bc67.png

在VS 2019中,选中MyLife.Blazor.Server项目,右键添加“Docker Support”,选择“Linux”。

5add3ab82d4fa7b46e2fcd243b397b0b.png

添加Dockerfile的文件内容为:

#See https://aka.ms/containerfastmode to understand how Visual Studio uses this Dockerfile to build your images for faster debugging.

FROM mcr.microsoft.com/dotnet/aspnet:5.0-buster-slim AS baseWORKDIR/appEXPOSE 80

EXPOSE 443

FROM mcr.microsoft.com/dotnet/sdk:5.0-buster-slim AS buildWORKDIR/srcCOPY ["MyLife.Blazor/Server/MyLife.Blazor.Server.csproj", "MyLife.Blazor/Server/"]COPY ["MyLife.Blazor/Shared/MyLife.Blazor.Shared.csproj", "MyLife.Blazor/Shared/"]COPY ["MyLife.Blazor/Client/MyLife.Blazor.Client.csproj", "MyLife.Blazor/Client/"]RUN dotnet restore "MyLife.Blazor/Server/MyLife.Blazor.Server.csproj"

COPY. .WORKDIR "/src/MyLife.Blazor/Server"

RUN dotnet build "MyLife.Blazor.Server.csproj"-c Release -o /app/buildFROMbuild AS publishRUN dotnet publish "MyLife.Blazor.Server.csproj"-c Release -o /app/publishFROMbase AS finalWORKDIR/appCOPY--from=publish /app/publish .ENTRYPOINT ["dotnet", "MyLife.Blazor.Server.dll"]

根据VS 2019的错误提示,在Docker Desktop中选择Setting -> Resources ->File sharing中添加当前项目文件路径。

SECURITY WARNING: You are building a Docker image from Windows against a non-Windows Docker host. All files and directories added to build context will have '-rwxr-xr-x' permissions. It is recommended to double check and reset permissions for sensitive files and directories.

db60b9a0973c13d2e43d2b3baacb10ad.png

在Docker Desktop中查看Blazor项目运行情况

30aacf787186e308aacf27d9de5316b8.png

第三步:发布到ACR并开启Admin访问权限

在VS 2019中点击发布“Publish”,选择ACR(Azure Container Registry).

0cbe0b0952fe42d53e38fb5e878ffc92.gif

登录到ACR门户,开启Admin User访问权限

a5d64a4ea83a7ca95b0dd6dfd24fa200.png

第四步:创建App Service for Container

创建App Service(https://portal.azure.cn/#create/Microsoft.WebSite),选择Docker Container,Operating System为Linux。其他值则随意而定。

bae8a08f3375f86ee0cb2164a5d8f8fa.png

在Docker中选择Image Source为ACR(Azure Container Registry)。 并选择上一步上传的Image最新版

ff040fd485d16f1b282650283a2f507e.png

验证完成后,点击创建即可。

第五步:查看镜像拉取日志及Container启动日志

登录到第四步创建的App Service门户页面,点击Container settings页面,查看Image的设置及拉取日志

4f3eb4ca7a3aa604613629197c8337d2.png

在App Service门户的Log Stream页面,查看Container启动日志

2103f66a32b8b28c8041e5cc7da236cc.png

注意:如果应用修改后重新生成了Image,应用服务通过重启(restart)及可以拉取最新的镜像并部署。

7cf5ce99974b7763a0bfbab979113973.png

参考资料:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值