把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、源碼配置

編輯系統狀態欄和首頁的樣式

(二)打包