与原生的小程序开发不同,由于uniapp创建的项目没有package.json
文件,那我们要如何实现呢?
uniappnpm
的配置:
1.在项目的根目录打开命令控制台:
npm init -y
这时候就会在更目录中有package.json
(我们这里不用修改改文件)
2.下载友盟的包
npm install umtrack-wx --save
3.配置
由于使用的是uniapp 所以不能按照官方给出的方式来配置:
我们在main.js
文件中加入一下内容:
import uma from 'umtrack-wx';
uma.init({
appKey: '你在友盟创建的程序key', //由友盟分配的APP_KEY
// 使用Openid进行统计,此项为false时将使用友盟+uuid进行用户统计。
// 使用Openid来统计微信小程序的用户,会使统计的指标更为准确,对系统准确性要求高的应用推荐使用Openid。
useOpenid: false,
// 使用openid进行统计时,是否授权友盟自动获取Openid,
// 如若需要,请到友盟后台"设置管理-应用信息"(https://mp.umeng.com/setting/appset)中设置appId及secret
autoGetOpenid: false,
debug: true, //是否打开调试模式
uploadUserInfo: false // 自动上传用户信息,设为false取消上传,默认为false
})
// 此处用来挂载入uma到组件实例上,方便组件内使用this.$uma
uma.install = function (Vue) {
Vue.prototype.$uma = uma;
}
Vue.use(uma);
4.使用
使用的话 请根据项目需求来进行操作就可以了,我这边只需要给程序中的事件进行统计;所以就直接进入友盟的后台管理,添加自定义事件
然后再小程序中对应的事件中加入以下代码就可以,监听点击了多少次。
onClick(){
this.$uma.trackEvent('eventID');//eventID是在友盟后台你自己创建的
}
原生的配置请参考:小程序npm配置
其他的配置,例如服务器配置与官网提供的一样;按照步骤来就可以了;