与原生的小程序开发不同，uniapp创建的项目没有package.json文件。

uniappnpm的配置：

1.在项目的根目录打开命令控制台：

1
npm init -y

这时候就会在更目录中有package.json（我们这里不用修改改文件）

2.下载友盟的包

1
npm install umtrack-wx  --save

3.配置

由于使用的是uniapp 所以不能按照官方给出的方式来配置：

我们在main.js文件中加入一下内容：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
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.使用

使用的话 请根据项目需求来进行操作就可以了，我这边只需要给程序中的事件进行统计；所以就直接进入友盟的后台管理，添加自定义事件然后再小程序中对应的事件中加入以下代码就可以，监听点击了多少次。

1
2
3
onClick(){
	this.$uma.trackEvent('eventID');//eventID是在友盟后台你自己创建的
}

原生的配置请参考：小程序npm配置

其他的配置，例如服务器配置与官网提供的一样；按照步骤来就可以了；

友盟小程序文档

转载： https://blog.csdn.net/weixin_41535944/article/details/111560040