侧边栏壁纸
  • 累计撰写 80 篇文章
  • 累计创建 25 个标签
  • 累计收到 10 条评论

目 录CONTENT

文章目录

Nginx部署FlutterWeb

gstory
2022-03-15 / 0 评论 / 0 点赞 / 134 阅读 / 605 字 / 正在检测是否收录...
广告 广告

创建项目

打开Andorid Studio创建一个flutter项目
flutter创建项目

打包项目

flutter build web

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

使用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

0

评论区