天天看点

Hbuilder打包 App

Hbuilder打包vue项目:(对HbuilderX不适用)

1.先对vue项目打包:

npm run build

,放在dist下

Hbuilder打包 App

注:assetsPublicPath改为

'./'

2.打开目录-导入项目后-右击→转换成移动APP,会生成一个manifest.json文件,应用信息设置如下:appid从云端获取,页面入口自定义为项目入口文件

Hbuilder打包 App

接下来进行图标设置:可以自动生成所以图标并替换

Hbuilder打包 App

启动图片配置可以设置,也可已默认。

其他选项可不设置。

3.运行→真机运行(连接手机,开发者模式)

4.发行→云打包-打原生安装包

Android:使用DCloud公用证书→点击打包

Hbuilder打包 App

继而查看App打包状态。

注:若请求不到数据,页面入口加上域名

Hbuilder打包 App

Hbuilder相当于一个壳子,在manifest.json中的页面入口可以直接设置为在浏览器访问的地址,与项目无关

继续阅读