uni-app專案打包成apk（本地打包篇）

最近可能要接一個uni-app的專案，之前沒有接觸過，因此學習了一下，好在uni-app基本算是vue和微信小程式的結合體，所以寫程式碼方面問題不是太多，不懂的百度一下基本都能處理。寫完demo之後，demo的內容應該能告訴客戶我可以做，但我一開始是先用手機錄製影片，然後把錄製的影片給客戶看的。但這樣不夠好，因為不知道打包成apk後會遇到什麼問題，因此還是自己摸索著去打包成可安裝的apk，直接讓客戶試用。

        下面的步驟，不要跳步，一步步看，肯定是可以成功的。     

1. 本次用到的工具:

        1. 程式碼開發工具：HBuilder X

        2. apk打包工具：Android Studio

        3. apk打包SDK：Android離線SDK  （下載地址：Android離線SDK）

        3. 生成簽名證書的工具：jdk1.8（網上說只要裝jre就行，但jdk裡包含jre，所以直接裝jdk吧，jdk裝完要配置環境變數，jdk環境變數的配置可以看這個：jdk環境變數配置）

        4. 生成appkey的網站：DCLOUD的開發者中心（網址：開發者中心） 

2. 匯出前的配置

        在 HBuilder X 中開啟uni-app專案中的 mainifest.json 檔案，會彈出來一些可配置的內容，這次我們簡單一點，只配置基礎配置。其中 uni-app應用標識(AppID) 如果預設沒有的話，點後面的 重新獲取 即可，它會警告你，不過點了沒事，且會為你生成一個AppID。然後就是選擇開發使用的vue版本，按實際選擇即可，其它的貌似可以隨便填（如果只是做打包測試的話）。

3. 匯出uni-app專案供打包使用

        專案程式碼在自己手機上測試執行成功後，我們需要把uni-app的專案匯出。點選 HBuilder X上方的 發行-->原生App-本地打包-->生成本地打包App資源 即可。如果是第一次點選，可能會提示你裝什麼東西，按提示的來，同意安裝就可以了。

         匯出成功後，HBuilder X 下方的控制檯會告訴你匯出路徑。至此，HBuilder X 的任務完成。

 4. 下載Android離線SDK

         Android離線SDK 下載地址：Android離線SDK 

         這個sdk可能不止用來打包apk，但目前我只是用來打包apk。

 5. 將HBuilder X匯出的資料夾移動到離線SDK中

        將剛才 HBuilder X 匯出的以AppID命名的資料夾（www資料夾的上一級）整個移動到離線SDK的 HBuilder-Integrate-AS\simpleDemo\src\main\assets\apps 路徑下，該路徑下預設會有一個叫 __UNI__A 的資料夾，這個直接刪除，我們用不到。

 6. Android Studio 匯入SDK中的示例專案

        如果第一次安裝 Android Studio，安裝過程中會提示你缺啥好像，記不太清了，直接cancel那個提示，然後跟著引導一步步安裝就行了，安裝結束後，好像也沒什麼問題。

        接著匯入離線SDK中的 HBuilder-Integrate-AS 資料夾到 Android Studio 中。注意：檔案路徑中不要出現中文！否則會報錯！

7. 修改dcloud_control.xml 中的 appid

        接下來，別糾結截圖中我 Android Studio 的檔案結構為什麼你不一樣，截圖中有些資料夾或者路徑好像被隱藏了，這不重要，我只是來打包的。

        找到 assets/data 下的 dcloud_control.xml 檔案，點開它，將檔案中appid的值，改成 HBuilder X 中生成的appid。appid記不住沒關係，還記得第5步中讓你移動的那個資料夾嗎，它的檔名就是appid

8. 生成Android證書籤名

        這一步我參考了別人的文章，所以不多講了，按他的步驟做（jdk環境變數的配置雖然他文章裡寫了，小白最好還是看這個：jdk環境變數配置），記下生成證書的檔案路徑、證書的SHA1安全碼、證書的alias（別名）以及設定的兩個密碼（怕忘記，兩個密碼設一樣的），後續步驟會用得到。參考網址（生成Android證書籤名）。

9. 生成appkey

        前往 DCLOUD 的開發者中心（網址：開發者中心），如果按照我的步驟做，那在第2步 HBuilder X 中生成appid後，就能在開發者中心我的應用中看到這條應用，點選應用名稱會跳轉到該條應用的管理頁面。

         點選上方的 離線打包Key管理 按鈕，進入生成appkey的選單。我的這個選單是已經生成appkey的，所以會和你第一次點進來有所不同，不用擔心。

        選擇平臺：我們選擇Android，因為我們這次是打包apk。

        Android包名：包名不能隨便寫，否則安裝apk開啟後會報錯！它的值在離線SDK的 \HBuilder-Integrate-AS\simpleDemo\src\main\AndroidManifest.xml 中，沒改過的話應該跟我一樣，是 com.android.simple