看了官方的文檔,始終不得要領(lǐng),多次反復(fù)摸索以后,最終還是成功了,特此發(fā)帖留作紀(jì)念,也請官方的人員指正一下是否有誤。
1.解壓uni-zpp.zip到uni-app文件夾(歷史版本統(tǒng)統(tǒng)覆蓋到這個目錄)
2.下載安裝HbuilderX(已有則跳過),并打開Hbuilder軟件一次,要不插件不會自動安裝。
3.注冊HbuilderX個人開發(fā)者賬號(已有則跳過)
4.在HbuilderX插件市場搜索sass插件,下載并自動安裝(已有則跳過)
5.安裝微信開發(fā)者工具(已有則跳過),掃碼登錄。
6.開啟微信開發(fā)者工具的服務(wù):微信開發(fā)者工具->設(shè)置->安全->服務(wù)端口:開啟,默認(rèn)信任項(xiàng)目:開啟
7.HbuilderX里設(shè)置微信開發(fā)者工具的路徑:工具菜單->運(yùn)行配置->微信開發(fā)者工具運(yùn)行路徑,瀏覽...
8.HbuilderX里打開/config/app.js,設(shè)置httpApi和wsApi的值為生產(chǎn)網(wǎng)站的域名
9.HbuilderX里打開/pages.json,刪除直播插件引用的節(jié)點(diǎn),參考 這篇文章
10.HbuilderX里打開/manifest.json,基礎(chǔ)配置,設(shè)置uniApp應(yīng)用標(biāo)識,要去HbuilderX的個人中心自己注冊一個新的應(yīng)用,才會有這個值
10.HbuilderX里打開/manifest.json,微信小程序配置,輸入正確的小程序appID
11.測試小程序:點(diǎn)擊HbuilderX菜單:運(yùn)行->運(yùn)行到小程序模擬器->微信小程序模擬器->微信開發(fā)者工具->會自動喚起微信開發(fā)者工具預(yù)覽效果
12.提交小程序包到微信小程序?qū)徍撕笈_:點(diǎn)擊HbuilderX菜單:發(fā)(fa)行->小程序-微信->發(fā)行,將自動編譯打包,喚起微信開發(fā)者工具,確定沒問題后,點(diǎn)擊開發(fā)者工具的[上傳]按鈕,輸入發(fā)版信息點(diǎn)提交。
特別注意:
1.從HbuilderX的[運(yùn)行]菜單里喚起開發(fā)者工具后,不要點(diǎn)上傳,通不過代碼包大小檢測的,我就犯了這個錯誤,總提示分包大小不通過,浪費(fèi)了好多時(shí)間,其實(shí)并不是分包大小的問題,要從[發(fā)行]菜單里面點(diǎn)進(jìn)開發(fā)者工具,打包,這個時(shí)候的分包大小才對的。發(fā)行菜單應(yīng)該叫做【發(fā)布】或者發(fā)版才對。這一點(diǎn)官方文檔里也沒有明確說明。
2.設(shè)置uniApp應(yīng)用標(biāo)識我發(fā)現(xiàn)不能直接在HbuilderX界面上改,實(shí)際上我已經(jīng)申請過這個id了,我就只好用其他文本編輯器編輯好了這個值再保存的。