【uni-app】Hbuilder打包h5发行到web服务器

开发用于在微信公众号内打开的H5,

引入了微信sdk,调用sdk的api需要将项目打包到服务器通过https才能测试,否则会报url无效

所以需要将项目部署到服务器来测试

发行前的准备工作:

打开menifest.json配置文件>>h5配置

标题可填可不填,不填默认为基础配置里的应用名称

模板路径不填

路由模式建议history

基础路径:默认/h5/,若打包到根目录运行可不填。楼主打包到服务器根目录下的一个名为anson文件夹,此处则配置“ /h5/anson/ ”。勾选启用https协议。

完后点击工具栏的发行>>网站-H5手机版。填入服务器的域名。完后点击发行

看到控制台打印出 “编译成功” 即表示打包成功,接着去提示的路径打开该h5文件夹

使用flashFXP工具连接上服务器,打开根目录,创建anson文件夹

上面配置的是/h5/anson/,则将static文件夹和index.html传输到服务器的anson文件夹里,使用“域名/h5/anson/”请求

若是没有配置基础路径,或配置了/h5/,则将static文件夹和index.html文件传输到根目录,使用“域名/h5/”请求

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值