前端组件接入参见插件开发。

宿主接入代码示例组件

<component
 is="dynamic-plugin://插件 id/index-component"
 a:if="{ { ready } }"
 bizType="{ { bizType } }"
 userId="{ { userId } }"
 extInfo="{ { extInfo } }"
 onTrySign="trySign"
 onOpenH5="openH5"
 onComponentHeightUpdate="onComponentHeightUpdate"
/>

组件

插件需提供名为 index-component 的组件供宿主接入。

**注意：**插件组件无需设置背景色，以免覆盖宿主背景。

参数

bizType：同一插件可根据不同 bizType 提供不同商品或服务，用于区分业务场景。

userId：用户支付宝 ID。

extInfo：某些插件特有的非通用参数会在 extInfo 中传入，object 类型。

onTrySign：尝试签约，用户点击购买时调用，调用参数为 callback 方法。调用此方法时，宿主会尝试调起芝麻 GO 签约，给用户发放红包。

onTrySign(() => {  
  // 这里做后续购物处理 
});

onOpenH5：外跳 H5 页面，调用参数为 URL。

onOpenH5('url')

onComponentHeightUpdate：插件出现可能引起高度变化的渲染时调用。

// 可能引起高度变化的渲染 
this.setData(  {  
  xxx,  
},  
 () => {  
  onComponentHeightUpdate && onComponentHeightUpdate();  
 }, 
);

前端组件接入

宿主接入代码示例组件#

组件#

参数#

宿主接入代码示例组件

组件

参数