文档中心 > 店铺动态卡片-开发指引

【navigateToRelationMiniProgram】


1.基本说明


支持设备

命名空间

最低手淘版本

iOS android

my

9.16.0


小部件跳转到关联的小程序(小部件创建&投放时,需要关联相应的小程序,并绑定关联的小程序链接)。

注意:仅支持购物小程序 业务场景。


2.入


名称

类型

必选

说明

extraData

Object

需要传递给目标小程序的数据,为键值对的格式,数值的类型为字符串。目标小程序在App.onLaunch() App.onShow()中获取到这份数据。

success

Function

调用成功的回调

fail

Function

调用失败的回调


3.示


my.navigateToRelationMiniProgram ({
 //需要传递给目标小程序的数据,为键值对的格式,数值的类型为字符串。
 //目标小程序可在 App.onLaunch() 、 App.onShow()  中获取到这份数据。
    extraData: {
      "data1" : "test",
    },
    success: (res) => {
        console.log(JSON.stringify(res));
    },
    fail: (res) => {
      console.log(JSON.stringify(res));
    },
});


4.流程说明


购物小程序URL由投放计划下发,业务对接的时候通过小部件容器组件属性relationUrl将该URL传入组件。

开发者调用my.navigateToRelationMiniProgram跳转到绑定的购物小程序(无需传入URL)。


5.预览条件下处理


根据debugUrlrelationId参数进行拼接,拼接规则:


// relationId替换实际值

https://m.duanqu.com?_ariver_appid=relationId


【widgetDowngrade】

1.基本说


支持设备

命名空间

最低手淘版本

iOS android

my

9.16.0


小部件降级API,由业务方主动触发,场景会收到renderError事件

renderError事件返回参数如下。


{
 errorCode      : "CL_PAGE_ERROR",
 errorMessage   : "Page Error, Need Downgrade" 
}


2.入


名称

类型

必选

说明

success

Function

调用成功的回调

fail

Function

调用失败的回调


3.示例


my.widgetDowngrade({
 success: (res) => {
   console.log(JSON.stringify(res.data));
   },
 fail: (res) => {
   console.log(JSON.stringify(res));
 },
});


4.说明


renderError事件返回参数如下:
 
{
errorCode   : "CL_PAGE_ERROR",
errorMessage   : "Page Error, Need Downgrade" 
}


【getRelationAppInfo】


1.基本说明


支持设备

命名空间

最低手淘版本

iOS android

my

9.18.0


获取小部件关联的小程序信息(小部件创建&投放时,需要关联相应的小程序,并绑定关联的小程序链接)。

注意:仅支持购物小程序 业务场景。


2.入


名称

类型

必选

说明

success

Function

调用成功的回调

fail

Function

调用失败的回调


3.出


名称

类型

说明

relationAppId

String

关联的小程序ID

query

Object

关联的小程序url(relationUrl)上的query,如果query格式有问题,则返回{}


4.示


my.getRelationAppInfo({
 success: (res) => {
   console.log(JSON.stringify(res));
   },
 fail: (res) => {
   console.log(JSON.stringify(res));
 },
});


【getSceneInfo】


1.基本说明


支持设备

命名空间

最低手淘版本

iOS android

my

9.26.0


获取小部件运行时所处的场景信息,具体参数参考:小部件容器组件


2.入参


名称

类型

必选

说明

success

Function

调用成功的回调

fail

Function

调用失败的回调


3.错误码


code

信息

10

sceneInfo format exception


4.出参


名称

类型

说明

sceneInfo

Object

场景信息,内容与小部件容器组件sceneParams一致

query

Object

关联的小程序url(relationUrl)上的query,如果query格式有问题,则返回{}


sceneInfo 基本参数


名称

类型

必选

说明

sceneId

number

小部件目前所在场景id,店铺首页值是20,minishop值是23,每日好店是31

空值会触发renderError事件

sellerId

number

小部件所属商家ID

isPreview

BOOL

是否为预览小部件

orderId

number

投放计划Id,表示商家针对应用,在某个场景产生的一次投放。同一个模块实例在不同场景下通过my.getSceneInfo获取到的order不一样;

shareParams

JSON String

小部件通过分享API携带的参数信息,由场景从分享链接解析后更新,类型为未解析的JSON字符串

注意:该参数会逐步废弃!请使用widgetShareParams

widgetShareParams

Object

小部件通过分享API携带的参数信息,由场景从分享链接解析后更新

widgetViewId

number

商家针对小部件,配置相关数据以后,产生的小部件视图卡片Id,具有唯一性,同一个模块实例不同场景下通过my.getSceneInfo获取到的widgetViewId不变。


不同场景额外参数


名称

sceneId

扩展参数

Preview(预览)

0

/


Live(直播)

8

liveId

直播ID

Shop(店铺)

20

shopId

店铺ID

pageUrl

店铺地址

widgetId

小部件所在店铺模块ID,用于所见即所得定位

widgetViewId

小部件视图卡片Id

templateId

模板ID

moduleName

为模块名称,用于生意参谋埋点

Subscribe(订阅)

21

/

 

Member(会员)

22

/

 

Minishop(每日好店)

23

/

 


5.示例


my.getSceneInfo({
 success: function(res) {
   my.alert({content: '获取成功:' + res});
 },
 fail: function(res){
   my.alert({content: '获取失败:' + res});
 }
});


getConfigData】

1.基本说明


支持设备

命名空间

最低手淘版本

iOS android

my.tb

9.26.0


在小部件中获取商家配置的表单信息(商家信息由sceneParams发下,开发者不需要传入)。

之前使用my.getBizData 后续不再维护,请使用最新的 my.tb.getConfigData。


2.入参


名称

类型

必选

说明

success

Function

调用成功的回调

fail

Function

调用失败的回调


3.出参


名称

类型

说明

data

Object

数据结构为字典,若返回数据的格式不正确则触发fail回调,数据结构可以参考下方示例。


4.示


my.tb.getConfigData({
 success: function(res) {
   console.log(res);
    // {
    //   "data": {
    //     "data": {
    //       // 这里结构为表单数据内容
    //       "nam": "测试 configData 数据"
    //     },
    //     "schemaDataId": 123,
    //     "schemaId": 123,
    //     "schemaVersion": “version”
    //   }
    // }
    
    const formData = res?.data?.data || {};
    // 表单数据
    const name = formData.name;
 },
 fail: function(res){
    console.error(res);
 }
});


getBizData】

1.基本说明:待下线,请使用 getConfigData


支持设备

命名空间

最低手淘版本

iOS android

my

9.26.0


在小部件中获取商家配置的表单信息(商家信息由sceneParams发下,开发者不需要传入)。


2.入参


名称

类型

必选

说明

success

Function

调用成功的回调

fail

Function

调用失败的回调


3.错误码


code

信息

10

bizData format exception

11

sellerId or schemaDataId empty

12

网络错误(errorCode + ":" + errorMessage)


4.出参


名称

类型

说明

bizData

Object

数据结构为字典,若返回数据的格式不正确则触发fail回调,错误码为10;若bizData为空,错误码为11


出参格式说明


5.示例


my.getBizData({
 success: function(res) {
   my.alert({content: '获取成功:' + res});
 },
 fail: function(res){
   my.alert({content: '获取失败:' + res});
 }
});


setGestureMode】


1.基本说明


支持设备

命名空间

最低手淘版本

iOS android

my

10.2.0


设置小部件手势模式


2.入参


名称

类型

必选

说明

success

Function

调用成功的回调

fail

Function

调用失败的回调

gestureMode

String

"default"

默认手势模式

"inner"

沉浸式手势模式


3.备注


default模式:以对角线划分,纵向手势由小部件所在场景容器处理,小部件不响应手势;横向手势由小部件处理,场景容器不处理手势;

inner模式:所有手势由小部件响应;注意,该模式下会出现场景列表无法响应手势上下滑动的情况!


4.示例


my.setGestureMode({
 gestureMode: "inner",
 success: function(res) {
   my.alert({content: '获取成功:' + res});
 },
 fail: function(res){
   my.alert({content: '获取失败:' + res});
 }
});


showSharePanel】


支持设备

命名空间

最低手淘版本

iOS android

my

10.5.0


1.基本说明


打开分享面板,分享当前页面,可自定义参数。

分享回流参数获取使用my.getSceneInfo,返回参数中sceneInfo.widgetShareParams。


2.入参


名称

类型

必选

说明

success

Function

调用成功的回调

fail

Function

调用失败的回调

query

Object

分享时额外参数,可通过my.getSceneInfo返回参数中

widgetShareParams参数获取

title

String

分享的标题

imageUrl

String

分享的图片地址


3.示例


/// 打开分享面板
my.showSharePanel({
  query: {
    name: 'txink',
    address: 'hangzhou'
  },
  title: '测试自定义标题',
  imageUrl: 'https://gw.alicdn.com/bao/upload/bao/i2/670988855/O1CN01cDLGb42FHdqYmh2hX_!!670988855.jpg_570x10000q50.jpg',
  success: function(res) {
    my.alert({content: '成功:' + res});
  },
  fail: function(res){
    my.alert({content: '失败:' + res});
  }
});
/// 通过分享链接打开的小部件获取分享参数
my.getSceneInfo({
 success: function(res) {
    let params = res.widgetShareParams;
   my.alert({content: '获取成功:' + params});
 },
 fail: function(res){
   my.alert({content: '获取失败:' + res});
 }
});


FAQ

关于此文档暂时还没有FAQ
返回
顶部