乐趣区

关于flutter:Nginx部署Flutter-Web

创立我的项目

关上 Andorid Studio 创立一个 flutter 我的项目

打包我的项目

flutter build web

执行实现后在 build 文件下会生成一个 web 文件夹,

应用 Nginx 部署我的项目

上传生成的 web 文件夹到服务器 html 目录下,并且配置 config 文件

server {
    listen 443 ssl;
    server_name gsou.gstory.cn;
    ssl_certificate  /ssl/gsou.gstory.cn_bundle.crt;
    ssl_certificate_key /ssl/gsou.gstory.cn.key; 
    ssl_session_timeout 5m;
    ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;
    ssl_protocols TLSv1.2 TLSv1.3;
    ssl_prefer_server_ciphers on;
    location / {
       root /usr/share/nginx/html/gsou;
       index /index.html index.htm;
    }
}

重启 nginx 失效

nginx -s reload
//docker
docker restart nginx

这个时候就能够通过本人的域名或者 ip 拜访到部署到服务端的 Flutter web 了。

示例

分享一个 flutter 开发动态导航网站 GSou

退出移动版