侧边栏壁纸
博主头像
Gstory's Blog 博主等级

每天进步一点点!

  • 累计撰写 108 篇文章
  • 累计创建 23 个标签
  • 累计收到 11 条评论

目 录CONTENT

文章目录

Nginx部署FlutterWeb

gstory
2022-03-15 / 0 评论 / 0 点赞 / 256 阅读 / 0 字 / 正在检测是否收录...
温馨提示:
本文最后更新于2023-10-08,若内容或图片失效,请留言反馈。 部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

创建项目

打开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
web

评论区