uniapp代碼寫的app項(xiàng)目芦劣,要分包改為小程序,需要哪些改動(dòng)说榆?
1虚吟、找到manifest.json文件,在app-plus里添加如下代碼
"app-plus" : {
"optimization" : {
"subPackages" : true
},
"runmode" : "liberate", // 開啟分包優(yōu)化后签财,必須配置資源釋放模式
}
2串慰、在manifest.json文件里的 mp-weixin 里寫上小程序的appid
3、分包唱蒸,我的分包目錄跟官網(wǎng)的路徑不一樣邦鲫,覺得這樣寫清晰些,主要是在pages.json里配置好路徑神汹。所有的寫法還是用uniapp的寫法庆捺,只是加了subPackages,preloadRule寫法如下圖。tabBar菜單的路徑要寫在主包里屁魏。
tabBar菜單的路徑要寫在主包里
4滔以、寫完這些后,怎么驗(yàn)證自己的分包是否成功了呢氓拼?
小提示:你本地運(yùn)行的時(shí)候選上這個(gè)
①在 HBuilder X工具運(yùn)行小程序--》選擇第一個(gè)你画,這是會有提示,需要在小程序開發(fā)者工具里操作桃漾,在小程序開發(fā)者工具里找到設(shè)置----安全設(shè)置----將服務(wù)開啟坏匪。
②打開小程序找到設(shè)置--安全設(shè)置--服務(wù)端口打開,端口號默認(rèn)就行撬统。
③ 第②步操作完后适滓,關(guān)閉小程序,再操作第①部恋追,發(fā)現(xiàn)還是報(bào)錯(cuò)hbuilder啟動(dòng)小程序后凭迹,項(xiàng)目無法運(yùn)行罚屋,這時(shí)發(fā)現(xiàn)我的微信號沒有設(shè)置權(quán)限,需要管理人員把開發(fā)者的微信號添加到公司小程序的管理后臺(微信開發(fā)者控制臺)蕊苗,這時(shí)再在 HBuilder X運(yùn)行小程序沿后, HBuilder X會啟動(dòng)小程序,項(xiàng)目運(yùn)行起來了朽砰,就說明一切都對了尖滚。
④看上圖找到右上角詳情--基本信息--可以看到主包和分包的大小,主包分包大小不能超過2M,代碼總包不能超過20M瞧柔,如果大小超過限制大小就無法上傳成功漆弄,無法發(fā)版!想用小程序就要遵守小程序的規(guī)則造锅。
④切記不要手動(dòng)將uniapp項(xiàng)目添加到小程序開發(fā)者工具里撼唾,是無法運(yùn)行起來的,小程序里不要出現(xiàn).vue文件哥蔚,同時(shí)也會報(bào)錯(cuò)倒谷,沒有app.json文件
5、小程序運(yùn)行起來之后糙箍,發(fā)現(xiàn)控制臺會有提示 IP地址不在合法域名下渤愁,這時(shí)候有兩種解決方法。
①臨時(shí)解決方案深夯,在開發(fā)者工具右上角找到詳情--》本地設(shè)置--》勾選不校驗(yàn)合法域名抖格,這時(shí)就可以跟后臺順暢的聯(lián)調(diào)了,但是要發(fā)體驗(yàn)版時(shí)咕晋,就必須用域名雹拄。看②
②打開微信公眾號官網(wǎng)https://mp.weixin.qq.com/掌呜,讓有權(quán)限的人掃碼登錄滓玖,登錄后在后臺 左側(cè)目錄下 找到開發(fā)--》開發(fā)管理 下配置服務(wù)器域名,域名需要后臺提供站辉。域名配置好后同樣需要在自己的代碼中更改為配置好的域名
6呢撞、域名配置好就可以發(fā)體驗(yàn)版了,在開發(fā)者工具里右上角找到上傳饰剥,標(biāo)明自己的版本和備注就可以上傳了
7、上傳成功后摧阅,在微信公眾號后臺版本管理就可以看到上傳的版本汰蓉,如果是多人上傳可以選擇具體版本為體驗(yàn)版,也可以自定義首次打開小程序顯示的頁面路徑棒卷,選為體驗(yàn)版后顾孽,就會出現(xiàn)體驗(yàn)版的二維碼祝钢,這是掃碼就可以體驗(yàn)并測試了。