隨著人工智能技術(shù)的不斷發(fā)展，阿里體育等IT大廠，推出的“樂動(dòng)力”、“天天跳繩”AI運(yùn)動(dòng)APP，讓云上運(yùn)動(dòng)會(huì)、線上運(yùn)動(dòng)會(huì)、健身打卡、AI體育指導(dǎo)等概念空前火熱。那么，能否將這些在APP成功應(yīng)用的場景搬上小程序，分享這些概念的紅利呢？本系列文章就帶您一步一步從零開始開發(fā)一個(gè)AI運(yùn)動(dòng)小程序，本系列文章將使用“云智AI運(yùn)動(dòng)識(shí)別小程序插件”，請(qǐng)先行在微信服務(wù)市場或官網(wǎng)了解詳情。
一、小程序的程序包限制
引用插件后，導(dǎo)致程序包超出2M的限制的問題，是我們插件廣大調(diào)用者，拿到插件后最常咨詢的問題，插件由于識(shí)別引擎代碼量較大，所以占用的空間確實(shí)偏大，但我們可以通過分包的方案來輕松解決這個(gè)問題。下面我們就來看如何實(shí)現(xiàn)分包，要使用分包之前，請(qǐng)先閱讀官方分包文檔https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages.html
二、插件分包建議方案
我們建議各開發(fā)者，將插件及運(yùn)動(dòng)識(shí)別相關(guān)組件、頁面放置到一個(gè)獨(dú)立的分包中，如module-sport，并做適當(dāng)?shù)姆职A(yù)加載配置，這樣便可以讓運(yùn)動(dòng)相關(guān)功能代碼包，既不占用主包和其它子包的代碼空間，又兼顧加載性能。特別是已有應(yīng)用集成，就不會(huì)影響任何現(xiàn)有功能了。
三、在uni-app中實(shí)現(xiàn)分包
3.1、劃立運(yùn)動(dòng)分包
在項(xiàng)目的中新建一個(gè)名module-sport的文件夾，做為分包文件夾，將所有AI運(yùn)動(dòng)相關(guān)的組件、頁面、JS文件、靜態(tài)資源全部放入其中。
3.2、在mainifest.json文件中配置分包優(yōu)化
用記事本或其它編輯器（HBuilderX不能編輯mainifest.json）編輯項(xiàng)目的mainifest.json文件，找到mp-weixin節(jié)，添加分包優(yōu)化選項(xiàng)，如下圖所示：
"mp-weixin" : {
"appid" : "wx6130e578c4a26a1a",
"setting" : {
"urlCheck" : false,
"minified" : true,
"postcss" : false
},
"usingComponents" : true,
"optimization" : {
"subPackages" : true //開啟分包優(yōu)化
}
}
3.3、在pages.json文件中注冊分包
"subPackages": [{
"root": "module-sport",
"pages": [{
"path": "pages/sport",
"style": {
"navigationBarTitleText": "運(yùn)動(dòng)檢測演示",
"enablePullDownRefresh": false
}
}...],
"plugins": {
//將插件放在子包中引用，則插件將占用子包空間
"aiSport": {
"version": "1.0.16",
"provider": "wx6130e578c4a26a1a"
}
}
}]
3.4 在pages.json加入運(yùn)動(dòng)分包預(yù)加載，加速包下載
"preloadRule": {
"pages/welcome": {
"network": "all",
"packages": ["module-sport"]
}
},
到此便實(shí)現(xiàn)了將運(yùn)動(dòng)功能分包及加載優(yōu)化，我們?yōu)槟鷾?zhǔn)備了完整的分包Demo參考項(xiàng)目，插件調(diào)用用戶請(qǐng)聯(lián)系我們索取。
四、在原生小程序中實(shí)現(xiàn)分包
由于原生的分包配置相對(duì)更簡便，操作也大同小異，按照官方文檔操作即可，就不在此贅述了，插件調(diào)用用戶也可直接向我們索引取原生版的分包Demo參考項(xiàng)目。
五、分包效果
接下來我們看看分包前與分包后的代碼大小對(duì)比，如下兩圖所示：
文章來源：http://www.zghlxwxcb.cn/news/detail-760462.html
好了分包就為您介紹到，下篇我們將為您介紹，運(yùn)動(dòng)識(shí)別時(shí)如何判斷人體遠(yuǎn)近問題，敬請(qǐng)期待...文章來源地址http://www.zghlxwxcb.cn/news/detail-760462.html
到了這里，關(guān)于【一步步開發(fā)AI運(yùn)動(dòng)小程序】十四、主包超出2M大小限制，如何將插件分包發(fā)布？的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
