WePY在手机充值小程序中的应用与实践

wepyjs 发布了两个月了，中间经历了很多版本更新，也慢慢开始有一些用户选择 wepyjs 作为开发框架来开发小程序，比如一些线上小程序。

数据上报

[MTA是腾讯自家的数据分析平台，在小程序发布后MTA平台很快的就支持了小程序的数据上报。因此手机充值选择MTA做为数据上报平台，具体步骤如下：

1 .在MTA官网注册应用。

2 .在mp平台，小程序开发设置中，将https://pingtas.qq.com 添加为可信域名。

3 .安装 mta-analysis 模块：npm install mta-analysis --save

4 .在 app.wpy 中添加初始化代码。

import wepy from 'wepy'; import mta from 'mta-analysis'; export default class extends wepy.app { onLaunch() { mta.App.init({ "appID":"xxxx", // 注册后得到的appID "eventID":"xxxx", // 注册后得到的eventID "statPullDownFresh":true, // 使用分析-下来刷新次数/人数，必须先开通自定义事件，并配置了合法的eventID "statShareApp":true, // 使用分析-分享次数/人数，必须先开通自定义事件，并配置了合法的eventID "statReachBottom":true // 使用分析-页面触底次数/人数，必须先开通自定义事件，并配置了合法的eventID }); }; } 

这样就完成了MTA的初始化工作，在每个页面的 onLoad 事件中加入 init 事件完成页面的上报。

export default class Index extends wepy.page { onLoad () { mta.Page.init(); }; } 

在 app.wpy 中加入报错上报。

export default class extends wepy.app { onError () { mta.Event.stat("error",{}); }; } 

以及在其它业务逻辑代码上加入一些自定义事件上报，比如下单上报，支持上报等等。

mta.Event.stat("payed",{}); 

结束语

至此，基本介绍完了 wepyjs 在手机充值项目的应用了，剩下的就是业务代码的开发了。wepyjs 通过不停的版本更新迭代去吸收一些传统框架优秀特性融入其中，比如：组件通讯、props传值、Mixin、Slot、拦截器等等。也希望在以后能有更多的小程序开发者使用 wepyjs 进行开发。

此文已由作者授权腾讯云技术社区发布，转载请注明文章出处