使用Docker发布blazor wasm

简介:

使用Docker发布blazor wasm

Blazor编译后的文件是静态文件,所以我们只需要一个支持静态页面的web server即可。
根据不同项目,会用不同的容器编排,本文已无网关的情况下为例,一步一步展示如何打包进docker

需求
HTTPS
既然无网关,直接面向互联网,所以HTTPS显得尤为重要

HTTP/2 TLS3.0
既然都是静态资源,使用H2和TLS3.0的目的是进一步加快加载速度

Compress
对静态资源的压缩的目的依然是进一步加快加载速度。压缩选型为Brotli和 Gzip 压缩

Dockerfile
官方的Nginx镜像,默认不支持Brotli
所以需要自己准备一个具有Brotli支持的镜像,这里推荐使用自卖自夸的Nginx镜像,不仅使用最新的openssl编译(避免漏洞),还支持TLS1.3 http2 brotli和默认东八时区,且配置文件里还有配置示例。欢迎访问Docker Hub rsnow/nginx,了解更多。

发布blazor wasm
截至2020.05.26,VS还不能把blazor wasm直接发布到Docker镜像仓库,所以只能自己打包

首先发布Release,不再赘述
在项目根目录创建Dockerfile
FROM rsnow/nginx:amd64-1.18.0
RUN rm /usr/share/nginx/html/index.html && \

echo -e 'server { \n\
listen       443 ssl http2; \n\
server_name  localhost; \n\
brotli on; \n\
brotli_comp_level 6; \n\
brotli_types application/wasm application/octet-stream text/plain text/css application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript application/javascript image/svg+xml; \n\
gzip on; \n\
gzip_vary on; \n\
gzip_proxied any; \n\
gzip_comp_level 6; \n\
gzip_types application/wasm application/octet-stream text/plain text/css text/xml application/json application/javascript application/rss+xml application/atom+xml image/svg+xml; \n\
ssl_certificate /etc/letsencrypt/live/example.com/fullchain.pem; \n\
ssl_certificate_key /etc/letsencrypt/live/example.com/privkey.pem; \n\
ssl_trusted_certificate /etc/letsencrypt/live/example.com/chain.pem; \n\
ssl_dhparam /etc/certs/dhparam.pem; \n\
ssl_session_timeout 1d; \n\
ssl_session_cache shared:SSL:10m;  about 40000 sessions \n\
ssl_session_tickets off; \n\
ssl_protocols TLSv1.3; \n\
ssl_prefer_server_ciphers off; \n\
ssl_stapling on; \n\
ssl_stapling_verify on; \n\
resolver 1.1.1.1 1.0.0.1 8.8.8.8 8.8.4.4 208.67.222.222 208.67.220.220 valid=60s; \n\
resolver_timeout 2s; \n\
add_header X-Frame-Options "SAMEORIGIN" always; \n\
add_header X-XSS-Protection "1; mode=block" always; \n\
add_header X-Content-Type-Options "nosniff" always; \n\
add_header Referrer-Policy "no-referrer-when-downgrade" always; \n\
add_header Content-Security-Policy "default-src \'self\' http: https: data: blob: \'unsafe-inline\'" always; \n\
add_header Strict-Transport-Security "max-age=31536000; includeSubDomains; preload" always; \n\    
location / { \n\
    root   /usr/share/nginx/html; \n\
    try_files $uri $uri/ /index.html =404; \n\
} \n\

} n\
' > /etc/nginx/conf.d/default.conf
COPY ./bin/Release/netstandard2.1/publish/wwwroot /usr/share/nginx/html/
我们使用自定义的conf覆盖掉默认的conf(最简单的情况)

整个Nginx Container只有一个虚拟主机,所以server_name无论为何值,请求都会指向这个唯一的虚拟主机
如果有网关,可以关闭跨域,HTTPS之类的配置,因为这些内容网关会涵盖
因本示例展示的是最简单的情况,所以并没有使用 volume ,如果有容器互联,加载外部证书,配置文件的情况可根据实际情况创建挂载点。
无论是gz或br都增加了对application/wasm application/octet-stream的支持
Images
有个Dockerfile,就开始生成镜像吧

docker build -t example.com/testnginxblazor:latest .
如果需要上传到仓库

docker push example.com/testnginxblazor:latest
Run
根据创建的镜像,创建并运行容器

docker run \

-d \
--name nginxblazor \
-p 443:443 \
-v /test/fullchain.pem : /etc/letsencrypt/live/example.com/fullchain.pem \
-v /test/privkey.pem : /etc/letsencrypt/live/example.com/privkey.pem \
-v /test/chain.pem : /etc/letsencrypt/live/example.com/chain.pem \
-v /test/dhparam.pem : /etc/certs/dhparam.pem \
example.com/testnginxblazor

声明
本文采用知识共享署名-非商业性使用-相同方式共享 2.5 中国大陆许可协议进行许可,发表在CSDN和博客园,欢迎读者转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接!请读者/爬虫们尊重版权

原文地址https://www.cnblogs.com/chasingdreams2017/p/12984025.html

相关文章
|
8月前
|
Web App开发 Ubuntu C++
docker Ubuntu wasm 环境配置 浏览器debug c/c++
docker Ubuntu wasm 环境配置 浏览器debug c/c++
93 0
|
存储 Java Linux
【译文】Docker+Wasm技术预览
【译文】Docker+Wasm技术预览
351 0
|
XML 机器学习/深度学习 前端开发
使用Docker发布blazor wasm
使用Docker发布blazor wasm
900 0
|
25天前
|
监控 NoSQL 时序数据库
《docker高级篇(大厂进阶):7.Docker容器监控之CAdvisor+InfluxDB+Granfana》包括:原生命令、是什么、compose容器编排,一套带走
《docker高级篇(大厂进阶):7.Docker容器监控之CAdvisor+InfluxDB+Granfana》包括:原生命令、是什么、compose容器编排,一套带走
184 77
|
6天前
|
搜索推荐 安全 数据安全/隐私保护
7 个最能提高生产力的 Docker 容器
7 个最能提高生产力的 Docker 容器
75 35
|
1月前
|
监控 Docker 容器
在Docker容器中运行打包好的应用程序
在Docker容器中运行打包好的应用程序
|
5天前
|
Ubuntu Linux 开发工具
docker 是什么?docker初认识之如何部署docker-优雅草后续将会把产品发布部署至docker容器中-因此会出相关系列文章-优雅草央千澈
Docker 是一个开源的容器化平台,允许开发者将应用程序及其依赖项打包成标准化单元(容器),确保在任何支持 Docker 的操作系统上一致运行。容器共享主机内核,提供轻量级、高效的执行环境。本文介绍如何在 Ubuntu 上安装 Docker,并通过简单步骤验证安装成功。后续文章将探讨使用 Docker 部署开源项目。优雅草央千澈 源、安装 Docker 包、验证安装 - 适用场景:开发、测试、生产环境 通过以上步骤,您可以在 Ubuntu 系统上成功安装并运行 Docker,为后续的应用部署打下基础。
docker 是什么?docker初认识之如何部署docker-优雅草后续将会把产品发布部署至docker容器中-因此会出相关系列文章-优雅草央千澈
|
11天前
|
Unix Linux Docker
CentOS停更沉寂,RHEL巨变限制源代:Docker容器化技术的兴起助力操作系统新格局
操作系统是计算机系统的核心软件,管理和控制硬件与软件资源,为用户和应用程序提供高效、安全的运行环境。Linux作为开源、跨平台的操作系统,具有高度可定制性、稳定性和安全性,广泛应用于服务器、云计算、物联网等领域。其发展得益于庞大的社区支持,多种发行版如Ubuntu、Debian、Fedora等满足不同需求。
39 4
|
26天前
|
数据建模 应用服务中间件 nginx
docker替换宿主与容器的映射端口和文件路径
通过正确配置 Docker 的端口和文件路径映射,可以有效地管理容器化应用程序,确保其高效运行和数据持久性。在生产环境中,动态替换映射配置有助于灵活应对各种需求变化。以上方法和步骤提供了一种可靠且易于操作的方案,帮助您轻松管理 Docker 容器的端口和路径映射。
81 3
|
1月前
|
存储 缓存 监控
Docker容器性能调优的关键技巧,涵盖CPU、内存、网络及磁盘I/O的优化策略,结合实战案例,旨在帮助读者有效提升Docker容器的性能与稳定性。
本文介绍了Docker容器性能调优的关键技巧,涵盖CPU、内存、网络及磁盘I/O的优化策略,结合实战案例,旨在帮助读者有效提升Docker容器的性能与稳定性。
102 7

热门文章

最新文章