淘积木

556 阅读2分钟

淘积木

淘积木 融合了C端、配置端、数据端(查看埋点)的创意互动小程序,不再像传统需要进行多端开发。它主要投放的范围是 淘积木平台,由我们开发完成之后发送至淘积木,商家可以在线制作发布。

mos.m.taobao.com/taojimu/doc…

attach_16f9487f551a32b3.png

  • 添加场景

attach_16f948c77a685f21.png

  • 添加设置项

attach_16f9494aba996b5b.png

attach_16f9493d8d9a833d.png

meta配置的监听函数

attach_16f949f69f9d0bb2.png

  • 原理(个人理解)

我们配置meta的时候其实本身已经有了meta的监听函数,我们在点击保存的时候,其实是向ext.json这个文件添加数据,这个数据是从哪里来的呢,其实就是监听函数的回调函数的e,我们小程序端是通过const { compExt } = getApp().globalData.pageConf.componentTree[0];拿到的数据,globalData的数据是从app.js的onLaunch函数 let pageConf = my.getExtConfigSync();(从ext.json的ext中读取) 同时再将 this.globalData.pageConf = pageConf; 这个时候我相信你们已经猜到了我接下来要干什么了,对!猜的没错,我要对这个监听函数进行改造,我们其实只需要知道我们点击场景之后需要跳转到哪个页面,点击场景其实就是e.data.compExt.scenes.type这个值,这里可以去控制下跳转页面。修改场景里面的任何值我们其实可以做一个统一处理的,我们只需要把这个e.data.compExt的值给到这个getApp().globalData.pageConf.componentTree[0].compExt;就可以了。 这样我们得到的结果是什么,无论是在IDE或者淘积木平台我们只要修改了左边配置里的值或者点击场景,我们都可以所见即所得。

  • 配置奖池

attach_16f9525a53506fa4.png

  • 配置奖池优惠券

shell.mkt.taobao.com/coupon/inde…

  • 配置奖池实物

smf.taobao.com/newbenefitc…

attach_16f952ab1cf42acf.png

奖池的权益发放情况

attach_16f9553bc9569e88.png !!!注意:如果meta配置了奖池,就需要创建个设置项数组Array,因为在创建奖池是否无法上传图片的,一般奖品也是需要图片的,所以需要你在meta处理奖池的奖项和图片一致

  • 配置任务

attach_16f9587d619daa6c.png

attach_16f953bbdb08585f.png

  • 埋点

attach_16f953e5c012a0ff.png 埋点的数据我们不需要处理,只要上报了就行。

  • 踩坑

  • video组件建议用@taojimu/mx-video 有些url video 是无法识别的,但是mx-video是可以识别的。
  • 跳转店铺,如果给定店铺ID,发布到线上之后还是会跳转到测试店铺。一般这个id可以通过ext.json获取。

attach_16f9545dbc64628d.png

  • 除任务之外的加购权限目前能申请的只有商品加入购物车插件。建议先尝试Api:my.tb.showSku
  • 除任务之外的收藏权限 my.tb.collectGoods 若不能使用,申请权限。