## mpvue小程序框架接入指南 ## **准备工作** 注册并登录[阿拉丁统计平台](http://tongji.aldwx.com/),并在统计平台创建自己的小程序。 接入流程:登录统计平台 - 创建微信小程序 - 提交小程序信息 - 开始接入 ## ## 一、设置域名 登录[微信公众平台](http://mp.weixin.qq.com/)(mp.weixin.qq.com),在 开发→开发者设置->服务器域名 找到「 request 合法域名」,点击「修改」,将log.aldwx.com 添加 request 合法域名中。 复制下方域名并添加 ``` 1 log.aldwx.com ``` ![](http://aldpicsh.aldwx.com/doc_aldwx/xcxtj-mpvuexcxkjjrzn01.png) ## ## 二、 配置SDK 1、[点击下载](http://tongji.aldwx.com/tool/ald-stat.zip) 微信小程序SDK,并将下载的文件解压,将解压后的文件夹移动到小程序根目录中 static 文件夹下。 ![](http://aldpicsh.aldwx.com/doc_aldwx/xcxtj-mpvuexcxkjjrzn02.png) 2、使用微信开发者工具打开 ald-stat-conf.js 文件(文件路径:static/sdk/ald-stat-conf.js ),登录[阿拉丁小程序平台](http://tongji.aldwx.com/)\-管理-小程序列表-找到需要集成的小程序,复制对应小程序的 AppKey 到 exports.app\_key = ""; 的双引号中间;其次,需要将 exports.plugin 设置为false 。 引号前后不能有空格;其他配置项请勿随意更改。 ![](http://aldpicsh.aldwx.com/doc_aldwx/xcxtj-mpvuexcxkjjrzn03.png) 3、在小程序项目的根目录下打开 src 文件夹下的 main.js 文件,在该文件的第一行添加下方代码,完成 SDK 的引入。 复制下方代码并添加 ``` 1 import '../static/sdk/ald-stat' ``` ![](http://aldpicsh.aldwx.com/doc_aldwx/xcxtj-mpvuexcxkjjrzn04.png) ## ## 三、检测上报状态 在微信开发者工具中,查看控制台中的 Network 是否存在 d.html 开头的请求,点击后可看到 log.aldwx.com 的域名信息,且 status 状态为 200。 ![](http://aldpicsh.aldwx.com/doc_aldwx/xcxtj-mpvuexcxkjjrzn05.png) 验证成功后,将所有代码提交至微信审核,审核通过后需发布版本。 以上流程全部配置完成后了,表示小程序已经成功接入了阿拉丁统计平台。 如果遇到问题可以咨询您的同事(前端技术人员)或者咨询阿拉丁统计平台客服(微信ID:alddandan)。 ## **高级功能** 为了提高数据准确性,我们建议您上报 OpenID ,采用 OpenID 的方式进行计算。 [上报用户 OpenID](上报用户OpenID.md) 自定义事件是阿拉丁统计平台为开发者提供的自助分析功能。用户在小程序上的行为,我们定义为事件,可以帮助您更好的分析用户的关键行为,做到针对性运营。