如何把h5app打包成移动apk


vue项目

1. 打开自己的vue项目

2. 再项目根目录新建vue.config.js    项目配置文件(防止打包后白屏)

    配置publicPath

          module.exports = {

                publicPath: './'

          }

3. 运行yarn build打包

4. 打开HBuilderX,新建项目,选择5+ (HTML5)项目

5. 把dist内的所有目录复制,粘贴到新建的5+项目中(全部覆盖)

6. 配置自己APP的图标,名字...  (manifest.json配置)

7. 选中项目,点击发行,选中原生APP-云打包,进行云端打包

8. 下载打包完成的apk文件,安装到手机上即可


react项目

  1.打开react项目,在package.json文件中,配置homepage

            {    

                    "homepage": "./"

             }

2.yarn build 打包

3. 打开HBuilderX,新建项目,选择5+ (HTML5)项目(将新建项目除manifest.json的所有文件删除)

4.打包后build里面的所有文件(除manifest.json)复制到HBuilderX新建项目中

5. 配置自己APP的图标,名字...  (manifest.json配置)

6. 选中项目,点击发行,选中原生APP-云打包,进行云端打包

7. 下载打包完成的apk文件,安装到手机上即可

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容