釋出uniapp【uniapp 專題 02】

作者：堅果

公衆号："​​大前端之旅​​"

華為雲享專家，InfoQ簽約作者，阿裡雲專家部落客，51CTO部落格首席體驗官，​​開源項目GVA成員之一​​，專注于大前端技術的分享，包括Flutter,小程式,安卓，VUE，JavaScript。

概述

打包為原生App，釋出為H5

1.打包為原生App

在HBuilderX工具欄，點選發行，選擇原生app-雲端打包，如下圖：

出現如下界面，點選打包即可。

如果出現下面的報錯

請登入下面的網站

​​ask.dcloud.net.cn/account/set…​​

原來是您的賬戶尚未完成身份驗證，請綁定手機号以完成身份驗證

這個時候完成驗證即可，重新打包

等待即可

App打包時，注意如果涉及三方sdk，需進行申請并在manifest.json裡配置，否則相關功能無法使用。

iOS App打包需要向Apple申請證書。

打包成功

2.釋出為H5

1.在 ​

​manifest.json​

​ 的可視化界面，

進行如下配置（發行在網站根目錄可不配置應用基本路徑），此時發行網站路徑是 ​​www.xxx.com/h5​​​，如：​​hellouniapp.dcloud.net.cn​​。

2.在HBuilderX工具欄，點選發行，

選擇網站-H5手機版，如下圖，點選即可生成 H5 的相關資源檔案，儲存于 unpackage 目錄。

​注意​

• ​

  ​history​

  ​​ 模式發行需要背景配置支援，詳見：​​history 模式的後端配置​​
• 打包部署後，在伺服器上開啟 gzip 可以進一步壓縮檔案。具體的配置，可以參考網上的分享：​​juejin.im/post/5af003…​​

3.釋出為小程式

​釋出為微信小程式：​

1.申請微信小程式AppID，

參考：​​微信教程​​。

2.在HBuilderX中頂部菜單依次點選 "發行" => "小程式-微信"，

輸入小程式名稱和appid點選發行即可在

unpackage/dist/build/mp-weixin      

生成微信小程式項目代碼。

3.上傳

在微信小程式開發者工具中，導入生成的微信小程式項目，測試項目代碼運作正常後，點選“上傳”按鈕，之後按照 “送出稽核” => “釋出” 小程式标準流程，逐漸操作即可，詳細檢視：​​微信官方教程​​。

3.​釋出為百度小程式：​

1.入駐小程式并申請百度小程式AppID，

參考：​​百度小程式教程​​。

2.在HBuilderX中頂部菜單依次點選 "發行" => "小程式-百度"，

輸入小程式名稱和appid點選發行即可在

/unpackage/dist/build/mp-baidu      

生成百度小程式項目代碼。

3.上傳

在百度小程式開發者工具中，導入生成的百度小程式項目，測試項目代碼運作正常後，點選“上傳”按鈕上傳代碼，之後在百度小程式的 ​​管理中心​​ 選擇建立的應用點選前往釋出，選擇對應的版本然後送出稽核。

• 目前僅windows平台支援。360浏覽器自身不支援mac平台。