FlutterWeb端部署到服务器(保姆级教程,小白也能学会)

自己用Flutter写了个网页,想上线,

只需以下几步:

Tip:此文章针对的服务器是CentOS或Amazon Linux 2 AMI

1.在flutter项目搭建web

打开项目终端,输入:

flutter build web

等待编译完成

 2.把搭建好的项目上传到服务器

必有条件:你必须先连上服务器!

直接打开服务器SFTP,在你的flutter项目打开build目录拖到服务器的任意目录里

3.在服务器上下载nginx

运行命令:

注意:尽量先(切换到root权限)

sudo -i

然后再: 

sudo yum install nginx

4.修改nginx配置文件(目录:/etc/nginx/nginx.conf)

先 

vi /etc/nginx/nginx.conf

进入之后按Insert或I键,

先把这行改成user root

 

然后,修改server底下的root选项改成自己放置自己项目build目录底下的web在服务器的目录写进去(说了这么多,深呼吸一下):

 最后按ESC键,点到最后一行,键入:

:wq或:wq!

5.测试

访问服务器IP或域名,如果看到你的flutter网站,说明

你成功了

如果没有,说明

你失败了

end谢幕

想获得更多帮助:联系:tangzheng.develop@gmail.com,或,heikema_2022@qq.com

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值