![[一步步开发AI运动小程序]二/引入插件](/static/background/157.jpg "[一步步开发AI运动小程序]二/引入插件")
云上运动会、线上运动会、健身打卡、AI体育指导等概念空前火热。那么，能否将这些在APP成功应用的场景搬上小程序，分享这些概念的红利呢？本系列文章就带您一步一步从零开始开发一个AI运动小程序，本系列文章将使用“云智AI运动识别小程序插件”，请先行在微信服务市场或官网了解详情。
一、新建uni-app项目
uni-app项目。
二、配置项目引用插件。
mmanifest.json文件（在HBuilderX编辑器无法编译此文件内容，请使用计事本、VSCode等其它编辑器编辑），在mp-weixin节中增加下面的下面插件引用内容：
"mp-weixin": {
"appid": "xxxx",
...
"plugins": {
"aiSport": {
"version": "1.0.12",
"provider": "wx6130e578c4a26a1a"
}
}
}
三、部署模型
插件会提供一个深度学习模型，将解压的文件夹上传至一个可访问Web站点，并保证目录下的所有文件可访问下载。
四、安装npm依赖包
# 若未初始化npm包，请先执行npm init
npm install fetch-wechat --save
五、插件全局初始
在小程序的入口App.vue执行全局初始化：
<script>
import * as fetchWechat from "fetch-wechat";
export default {
onLaunch: function( {
const plugin = requirePlugin('aiSport';
plugin.initialize({
modelUrl: 'http://xx.xx.xx.xx/model.json', //刚刚部署的模型下载地址
fetchFunc: fetchWechat.fetchFunc(,
humanPointThreshold: 0.45,
debugEnabled: true
};
},
onShow: function( {
},
onHide: function( {
}
}
</script>
<style>
/*每个页面公共css */
</style>
六、调用插件内对象
const AiSports = requirePlugin("aiSport";//获取插件对象
const PoseGraphs = AiSports.PoseGraphs; //获取人体骨骼图绘制器
const humanDetection = AiSports.humanDetection; //获取人体识别对象
//实例化一个人体绘制对象
const graphs = new PoseGraphs(;