mgzf-soj-alipay-mini v0.0.11

蘑菇租房 支付宝小程序版发码器

提供了标签方式事件埋点收集

特点：

1、发送失败,重发机制

2、标签事件支持onLoad、onShow异步埋点

3、支持自定义手动事件

安装

/**
 * yarn 安装
 */
yarn add mgzf-soj-alipay-mini@lastest
 
 
 /**
  * npm 安装
  */
 npm install mgzf-soj-alipay-mini@lastest
 

import

import soj, {SojApp, SojPage, SojComponent} from "mgzf-soj-alipay-mini"

SojApp 代替小程序App函数

SojPage 代替小程序Page函数

SojComponent 代替小程序Component函数

小程序内使用方式

app.js:

import soj, {SojApp} from "mgzf-soj-alipay-mini"

//设置公共参数
soj.setGlobals({
    site: ""
});

//替换App函数
SojApp(App)({
    onLoanch(options) {
        soj.setGlobals({
            cityId: 289,
            userId: "2342342",
            userType: 8
        });
       //注意，当全局函数初始化完毕后，请手动调度 soj.ready();
       soj.ready()
    },
    onShow(options) {
    }
})

page.js

import {SojPage} from "mgzf-soj-alipay-mini"

//async方式设置
SojPage(Page)({
    sojPn: "", //页面的pagename, 如果没有则使用url代替
    sojExt: {}, //页面维度公共参数
    onShow() {
    },
    async onLoad() {
       let info = await getInfo();
       Object.assign(this.sojExtends, {
        roomId: 1231,
        roomType: 2
       });
    }
})

//sync方式设置
SojPage(Page)({
    sojPn: "", //页面的pagename, 如果没有则使用url代替
    sojExtends: {}, //页面维度公共参数
    data: {
        signId : 1231,
        userInfo: {
            name: "阿里",
            age: 28
        }
    },
    onShow() {
    },
    onLoad() {
      return getInfo().then(info => {
         Object.assign(this.sojExt, {
          roomId: 1231,
          roomType: 2
         });
      });
    },
    
})

page.axml

由于支付宝事件触发机制的特殊性，通过SojPage、SojComponent代理后，默认提供sojTrack函数，也可以使用自动以函数

<view>
    <view onTap="sojTrack" data-soj-track="my-self-track" data-soj-ext="{{userInfo}}">
    点发就发码
    </view>
</view> 

component.js

import {SojComponent} from "mgzf-soj-alipay-mini"
SojComponent(Component)({
  mixins: [{
    didMount() {
      console.warn("mixins-didMount")
    },
    methods : {
      onSojt(...args) {
        this.setData({
          num : this.data.num++
        })
        console.warn('mixins-loadMore', args, this)
      }
    }
  }],
  props: {
    loadingText: '加载中...',
  },
  data(){
    return {
      userInfo: {
        name: "阿里",
        age: 28
      }
    }
  },
  didMount() {
    console.log(this.$page)
  },
  methods: {
    onSoj(...args) {
      console.log('loadMore', args, this)
    },
    goto(e) {
      my.navigateTo({
        url: "/pages/find/home"
      })
    },
  }
})

component.axml

由于支付宝事件触发机制的特殊性，通过SojPage、SojComponent代理后，默认提供sojTrack函数，也可以使用自动以函数

<view>
    <view onTap="goto" data-soj-track="my-self-track" data-soj-ext="{{userInfo}}">
    点发就发码
    </view>
</view> 

 
### 仓库依赖三方库

> `mgzf-soj-core`