一、打包為原生App
在HBuilderX工具欄,點擊發(fā)行,選擇原生app-云端打包,如下圖:

出現(xiàn)如下界面,點擊打包即可。

- 云端打包支持安心打包,保護用戶隱私,不會上傳代碼和證書,通過差量包制作方式實現(xiàn)安心打包。詳見:https://ask.dcloud.net.cn/article/37979
- 云打包也支持cli模式,通過HBuilderX的cli方式(不是uni-app的cli),可以調(diào)用命令行打包,方便持續(xù)集成。詳見:https://hx.dcloud.net.cn/cli/pack
- 雖然安心打包已經(jīng)滿足需求,但如仍然希望自己使用 xcode 或 Android studio 進行離線打包,則在 HBuilderX 發(fā)行菜單里找到本地打包菜單,生成離線打包資源,然后參考離線打包文檔操作:https://nativesupport.dcloud.net.cn/AppDocs/README。
- App打包時,注意如果涉及三方sdk,需進行申請并在manifest.json里配置,否則相關(guān)功能無法使用。
- iOS App打包需要向Apple申請證書
二、發(fā)布為Web網(wǎng)站
- 在 manifest.json 的可視化界面,進行如下配置(發(fā)行在網(wǎng)站根目錄可不配置應(yīng)用基本路徑),此時發(fā)行網(wǎng)站路徑是 www.xxx.com/h5,如:https://hellouniapp.dcloud.net.cn。

- 在HBuilderX工具欄,點擊發(fā)行,選擇網(wǎng)站-H5手機版,如下圖,點擊即可生成 H5 的相關(guān)資源文件,保存于 unpackage 目錄。


注意
- history 模式發(fā)行需要后臺配置支持,詳見:history 模式的后端配置
- 打包后,推薦使用前端網(wǎng)頁托管服務(wù),一鍵上傳,自帶CDN加速,無需購買虛擬機,無需安裝nginx等;
- 若使用傳統(tǒng)服務(wù)器部署,建議在服務(wù)器端開啟 gzip 壓縮。參考網(wǎng)上的分享:https://juejin.im/post/5af003286fb9a07aac24611b
三、發(fā)布為微信小程序:
- 申請微信小程序AppID,參考:微信教程。
- 在HBuilderX中頂部菜單依次點擊 "發(fā)行" => "小程序-微信",輸入小程序名稱和appid點擊發(fā)行即可

如果手動發(fā)行,則點擊發(fā)行按鈕后,會在項目的目錄 unpackage/dist/build/mp-weixin 生成微信小程序項目代碼。在微信小程序開發(fā)者工具中,導(dǎo)入生成的微信小程序項目,測試項目代碼運行正常后,點擊“上傳”按鈕,之后按照 “提交審核” => “發(fā)布” 小程序標(biāo)準(zhǔn)流程,逐步操作即可,詳細(xì)查看:微信官方教程。
如果在發(fā)行界面勾選了自動上傳微信平臺,則無需再打開微信工具手動操作,將直接上傳到微信服務(wù)器提交審核。