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

【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.预览条件下处理


根据debugUrl上relationId参数进行拼接,拼接规则:


// 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
返回
顶部