创建项目
打开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了。
示例 【Nginx部署Flutter Web】分享一个flutter开发静态导航网站 GSou
推荐阅读
- flutter开发|Flutter--获取父组件约束大小
- Flutter|flutter 学习笔记-1
- dart|Flutter 架构
- Android开发|移动端系统生物认证技术详解
- Flutter Provider状态管理框架
- 在 Flutter 使用 GetX 对话框
- Flutter开发|zsh: command not found: flutter
- IOS|Flutter运行Ios真机时报错(Failed to register observatory port with mDNS with error)
- dio拦截器|dio拦截器 flutter_Flutter 中 Dio 拦截器