member-button
收藏我的收藏
收藏基础库 3.43.0.0 开始支持本组件。
开通会员按钮，用户点击该按钮会弹起会员半屏弹窗，点击“开通会员”进行入会操作。
前置条件
- 1.参考 电商小程序接入指南 完成小程序及资质的准备；
- 2.参考 申请行业插件 完成插件的申请，注意只有小程序拥有电商类目资质才可见申请入口；
- 3.参考 使用行业插件 进行能力的调用；
行业插件在抖音 App 版本 31.8.0 及以上，小程序基础库版本 3.4x.0.0 及以上时支持。
在使用组件时需要在页面
index.json 文件中进行引入。
{ "usingComponents": { "member-button": "tt95aee3130ae1cbe911://member-button" } }
Tip：使用该组件时需要用户身份信息，请确保在调用接口前，用户已经登录宿主 APP。
属性说明
Object 类型，属性如下：
属性名 | 类型 | 默认值 | 必填 | 说明 | 最低支持版本 |
shop-id | string | -- | 是 | 当前小程序绑定的抖音小店 id | 行业 SDK |
bind:success | function | -- | 否 | 入会成功回调 | 行业 SDK |
bind:cancel | function | -- | 否 | 用户主动退出 | 行业 SDK |
bind:error | function | -- | 否 | 入会失败回调 | 行业 SDK |
效果示例
bind:success 说明
弹起会员半屏弹窗后，用户点击“开通会员”，开通会员成功后触发。
代码示例：
// bind:success 代码示例 handleJoinMemberSuccess(event) { const { shopId } = event.detail; }
bind:cancel 说明
弹起会员半屏弹窗后，用户点击空白区域触发取消操作，取消时触发。
代码示例 ：
// bind:cancel 代码示例 handleJoinMemberCancel(event) { const { shopId } = event.detail; }
bind:error 说明
- •当错误发生时触发。
- •错误原因可能为参数校验不合法、业务错误等，具体错误内容见本文 错误码说明。
代码示例：
// bind:error 代码示例 handleJoinMemberError(event) { const { errMsg ，errNo} = event.detail; }
错误码说明
errNo | errMsg | 说明 | 最低支持版本 |
21501 | Network error | 网络错误，请检查网络状况 | 行业 SDK |
13000 | 系统错误 | 服务内部错误，请稍后重试或是联系客服 | 行业 SDK |
13001 | 关注太快了，先休息一下吧～ | 用户操作太频繁，请稍后再试 | 行业 SDK |
21601 | 抖音小店 id 不合法，仅支持 0-9 的字符 | 行业 SDK | |
21603 | 当前抖音小店 id 不存在 | 当前抖音小店 id 无法获取，请检查是否正确 | 行业 SDK |
21605 | 该店铺为非会员店铺 | 当前抖音小店未开通会员体系，请到抖店开放平台配置会员体系 | 行业 SDK |
21606 | 该用户已经是该店铺会员 | 用户已入会，重复入会提示 | 行业 SDK |
21607 | 抖音小店 id 与当前小程序无绑定关系 | 抖音小店 id 与当前小程序未绑定，请检查当前小程序是否绑定抖音小店 | 行业 SDK |
21608 | 小程序未绑定对应应用 | 当前小程序未在店铺后台授权，请到抖店开放平台进行授权 | 行业 SDK |
代码示例
<member-button shop-id="1111116433" bind:success="handleJoinMemberSuccess" bind:cancel="handleJoinMemberCancel" bind:error="handleJoinMemberError" />
Bug & Tip
Tip： 使用该接口时需要用户身份信息，请确保在调用接口前，用户已经登录宿主 APP。
