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