把react打包成app的方法以及app打包下载
一.关于react代码如何运行为APP(测试)
1.先用手机开启网络共享 将电脑和手机连接在同一网段
2.运行代码 获取地址 http://xxx.xxx.xxx.xxx,例如我的是http://192.168.42.103:3000
3.在vscode中修改新建页面的地址,改成上面得到的url
createWebview(\'http://192.168.42.103:3000/#/edictor\', \'edictor\',\'编辑数据\')
4.打包vscode中的代码,得到build文件
5.在Hbuilder中新建(打开)H5+APP项目 ,除了manifest.json文件,删除其他文件
6.将build文件中除了manifest.json文件的其他文件拷贝到H5+APP项目中
7.在手机打开开发者模式usb调试功能的情况下 ,在Hbuilder运行H5+APP到手机
8.若需要修改vscode的代码,需要重复上述4-7步骤,若要查看打印信息,需要在Hbuilder中查看
二.关于react代码如何运行为APP(上线)
1.与分配上线地址的同事沟通,获取上线地址,如http://aaaaa:111
2.在vscode中修改新建页面的地址,改成上面得到上线地址,如http://aaaaa:111
createWebview(\'http://aaaaa:111/#/edictor\', \'edictor\',\'编辑数据\')
3.打包vscode的代码,发给同事,进行正式上线
4.将打包的代码放到H5+APP项目中,进行发行,获取APP的APK
三.APP配置
(一)APP manifest.json文件
1、基础配置
配置APP名字、版本、入口地址
2、图标配置
配置APP应用图标,必须是.png格式,否则容易出错
3、启动页配置
1、可选择自定义启动页图片,也是.png格式
2、点击使用原生隐私政策提示框,然后再项目中自动生成的androidPrivacy.json文件中修改相关信息
4、模块配置和权限配置
去掉不需要的模块,特别是通讯录(contact),避免打包时的验证问题
5、APP其他配置
勾选指出CPU类型:armeabi-v7a和x86
6、源码配置
编辑系统状态栏和首页的样式