##Taro小程序框架接入指南 ## ## 准备工作 注册并登录[阿拉丁统计平台](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-tarokjxcxjrzn01.png) ## ## 二、 配置SDK 1、[点击下载](http://tongji.aldwx.com/tool/ald-stat.zip) 微信小程序SDK,并将下载的文件解压,将解压后的文件移动到 src 文件夹的 utils 文件夹下。 如果没有 utils 文件夹请在 src 文件夹下创建 ![](http://aldpicsh.aldwx.com/doc_aldwx/xcxtj-tarokjxcxjrzn02.png) 2、 使用微信开发者工具打开 ald-stat-conf.js 文件(文件路径:),登录[阿拉丁小程序平台](http://tongji.aldwx.com/)\-管理-小程序列表-找到需要集成的小程序,复制对应小程序的 AppKey 到 exports.app\_key = ""; 的双引号中间;其次,需要将 exports.plugin 设置为 false 。 引号前后不能有空格;其他配置项请勿随意更改。 ![](http://aldpicsh.aldwx.com/doc_aldwx/xcxtj-tarokjxcxjrzn04.png) 3、使用微信开发者工具打开小程序根目录下的 src 文件夹中 的 app.js 文件,添加下方代码完成引入。 请注意 class 类的命名不能是 App,且注意 render 的时候要与类名称一致。 复制下方代码并添加 ``` 1 import './utils/ald-stat' // 添加在 app.js 文件第一行 2 //...... 3 // 类名称不能是App 4 class \_App extends Component{ 5 //...... 6 } 7 Taro.render(, document.getElementById('app')) //注意命名 ``` ![](http://aldpicsh.aldwx.com/doc_aldwx/xcxtj-tarokjxcxjrzn05.png) ## ## 三、检测上报状态 在微信开发者工具中,查看控制台中的 Network 是否存在 d.html 开头的请求,点击后可看到 log.aldwx.com 的域名信息,且 status 状态为 200。 ![](http://aldpicsh.aldwx.com/doc_aldwx/xcxtj-tarokjxcxjrzn06.png) 验证成功后,将所有代码提交至微信审核,审核通过后需发布版本。 以上流程全部配置完成后了,表示小程序已经成功接入了阿拉丁统计平台。 如果遇到问题可以咨询您的同事(前端技术人员)或者咨询阿拉丁统计平台客服(微信ID:alddandan)。 ## **高级功能** 为了提高数据准确性,我们建议您上报 OpenID ,采用 OpenID 的方式进行计算。 [ 上报用户 OpenID ](https://docresource.aldwx.com/mini-program/join/sendopenid) 自定义事件是阿拉丁统计平台为开发者提供的自助分析功能。用户在小程序上的行为,我们定义为事件,可以帮助您更好的分析用户的关键行为,做到针对性运营。