【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/”请求

你可能感兴趣的:(uni-app,uni-app打包,uni-app发布)