使用uniapp開發APP時的除錯/安卓打包等

一、除錯

1.先用資料線連線電腦和手機，選擇“檔案傳輸”，

2.開啟開發者模式，華為手機舉列-->設定-->關於手機-->版本號，多次連續點選“版本號”，就會提示已開啟 開發者模式

3.華為手機舉列-->設定-->系統和更新-->開發人員選項-->開啟 USB除錯，進入除錯模式

4.在Hbuild中開啟專案，選擇 執行-->執行到手機或模擬器，當前使用uniapp開發的APP就可以執行到手機了

注：第一次執行時會自動給手機下載Hbuilder名稱的APP，有些手機可能需要自己下載，具體可根據執行後的Hbuild終端提示操作

按照上面的操作執行到手機時，看不到介面的請求以及樣式等，可以按照如下操作

1.開啟webview除錯(在Hbuild中開啟專案，選擇 檢視-->顯示Wbeiview控制檯)

 2.chrome瀏覽器開啟： chrome://inspect/#devices 這個頁面

點選對應頁面的inspect，就可以看到樣式等了

還可以點選下圖中的除錯按鈕，開啟除錯，可以看到log日誌等

注：無論哪種方式都無法看到network介面請求情況，有哪位小夥伴知道的可以告訴我一下嘛~

二、打包

1.雲打包：提交檔案，uni-app官網會為你生成Xcode專案並對Xcode專案進行配置(根據你的mainfest.json)，然後生成ipa包給你，你提交到蘋果官網；

2.離線打包：使用uni-app官網提供的xcode模版，然後把HB專案打離線包(js包)，然後放到xcode專案下，相當於是在xcode裡有個webview，然後你匯入js檔案給它使用，提交稽核還是走蘋果原來那一套。

3.雲打包和離線打包的優缺點

① 離線打包支援混淆功能，只對vue檔案，nvue檔案不起作用；

② 使用線上收費外掛，就一定要用雲打包；

③ 雲打包的系統許可權提示語只支援中/英。

④ 打包要排隊，包時間受網路影響。

大家可以根據專案的具體情況而選擇，下面介紹一下雲打包安卓的操作步驟

選擇 發行-->原生App-雲打包，開啟下圖介面

測試可以使用雲端證書，生產最好使用自有證書，不然可能會被別人覆蓋！

生成自有證書可以參考官方 Android平臺簽名證書(.keystore)生成指南 - DCloud問答

如果選擇‘打自定義除錯基座’，自定義執行基座可以所有配置生效（主要是manifest.json的配置），和打包後執行到手機時的執行環境基本一致

manifest.json配置介紹

manifest.json 檔案是應用的配置檔案，用於指定應用的名稱、圖示、許可權等。

1.基礎配置

 基礎配置中主要是AppID的獲取

①登入dcloud開發者中心 登入 (dcloud.net.cn)(使用Hbuild登入的同一賬號)

②點選重新獲取，dcloud開發者中心會生成一條資料

2.App圖示配置：可以直接使用1024*1024的圖示，自動生成所有圖片

3.啟動介面配置

主要注意 安卓啟動介面樣式，生產用的話肯定需要自定義啟動圖，通用啟動介面是 hbuild綠色的那個圖(所有App必須有啟動頁)

安卓的啟動圖需要  .9.png 格式的圖片，製作方式可參考官方 Android平臺啟動圖使用.9.png圖片 - DCloud問答

模組配置和許可權配置都是用到什麼配置什麼，沒有用到的不要配置，上架商城後會被駁回！！！還有需要注意的是有些模組配置和許可權配置是需要寫在 使用者協議和隱私宣告 中寫的，需要寫sdk包的使用啥的。

 “使用原生隱私政策提示框” 勾選後會在根目錄生成androidPrivacy.json檔案

就是使用者第一次進入APP時，會給使用者一個提示框，需要使用者同意或拒絕。拒絕後會有新的提示框，需要再次檢視或者退出APP。

具體頁面可根據自己專案的需求更改

{

    "version" : "1",

    "prompt" : "template",

    "title" : "服務協議和隱私政策",

    "message" : "　　請你務必審慎閱讀、充分理解“服務協議”和“隱私政策”各條款，包括但不限於：為了更好的向你提供服務，我們需要收集你的裝置標識、操作日誌等資訊用於分析、最佳化應用效能。<br/>　　你可閱讀<a href=\"\">《服務協議》</a>和<a href=\"\">《隱私政策》</a>瞭解詳細資訊。如果你同意，請點選下面按鈕開始接受我們的服務。",

    "buttonAccept" : "同意並接受",

    "buttonRefuse" : "暫不同意",

    "hrefLoader" : "system|default",

    "second" : {

        "title" : "確認提示",

        "message" : "　　進入應用前，你需先同意<a href=\"\">《服務協議》</a>和<a href=\"\">《隱私政策》</a>，否則將退出應用。",

        "buttonAccept" : "同意並繼續",

        "buttonRefuse" : "退出應用"

    },

    "styles" : {

        "backgroundColor" : "#FFFFFF",

        "borderRadius" : "10px",

        "title" : {

            "color" : "#000000"

        },

        "buttonAccept" : {

            "color" : "#000000"

        },

        "buttonRefuse" : {

            "color" : "#000000"

        }

    }

}

注：隱私政策和使用者協議 需要一個能訪問的https地址，上架到某些商城時也會

3.華為手機舉列-->設定-->系統和更新-->開發人員選項-->開啟 USB除錯，進入除錯模式

4.在Hbuild中開啟專案，選擇 執行-->執行到手機或模擬器，當前使用uniapp開發的APP就可以執行到手機了

注：第一次執行時會自動給手機下載Hbuilder名稱的APP，有些手機可能需要自己下載，具體可根據執行後的Hbuild終端提示操作

按照上面的操作執行到手機時，看不到介面的請求以及樣式等，可以按照如下操作

1.開啟webview除錯(在Hbuild中開啟專案，選擇 檢視-->顯示Wbeiview控制檯)

 2.chrome瀏覽器開啟： chrome://inspect/#devices 這個頁面

點選對應頁面的inspect，就可以看到樣式等了

還可以點選下圖中的除錯按鈕，開啟除錯，可以看到log日誌等

注：無論哪種方式都無法看到network介面請求情況，有哪位小夥伴知道的可以告訴我一下嘛~

二、打包

1.雲打包：提交檔案，uni-app官網會為你生成Xcode專案並對Xcode專案進行配置(根據你的mainfest.json)，然後生成ipa包給你，你提交到蘋果官網；

2.離線打包：使用uni-app官網提供的xcode模版，然後把HB專案打離線包(js包)，然後放到xcode專案下，相當於是在xcode裡有個webview，然後你匯入js檔案給它使用，提交稽核還是走蘋果原來那一套。

3.雲打包和離線打包的優缺點

① 離線打包支援混淆功能，只對vue檔案，nvue檔案不起作用；

② 使用線上收費外掛，就一定要用雲打包；

③ 雲打包的系統許可權提示語只支援中/英。

④ 打包要排隊，包時間受網路影響。

大家可以根據專案的具體情況而選擇，下面介紹一下雲打包安卓的操作步驟

選擇 發行-->原生App-雲打包，開啟下圖介面

測試可以使用雲端證書，生產最好使用自有證書，不然可能會被別人覆蓋！

生成自有證書可以參考官方 Android平臺簽名證書(.keystore)生成指南 - DCloud問答

如果選擇‘打自定義除錯基座’，自定義執行基座可以所有配置生效（主要是manifest.json的配置），和打包後執行到手機時的執行環境基本一致 用到

文章知識點與官方知識檔案匹配，可進一步學習相關知識

小程式技能樹首頁概覽4490 人正在系統學習中