# Membership Card Component
Developers can call the interface in Weixin Mini Program to pull up the membership card component, convenient for users to quickly fill in the membership registration information and receive the card. The interface pulls up the open card component without binding the open card component and the initiator Mini Program to the same Official Account in advance, and the developer can call it directly.
Before calling, the developer must complete the following steps:
- Create a WeChat membership card and set it to one-click activation mode;
- Set the card open field;
- Get card open component parameters;
View the details of the member open card component: member open card component
# Parameter explaination
Parameter Name | type | Is it compulsory? | Parameter explaination |
---|---|---|---|
appId | String | yes | Fill in wxeb490c6f9b154ef9, fix this AppID |
extraData | Object | yes | The card open component parameter, obtained by step 3, contains the following three parameters |
encrypt_card_id | String | yes | Encrypting card_id, preceded by urldecode |
outer_str | String | yes | The value of the member card collection channel will be returned to the merchant at the voucher collection event |
biz | String | yes | Merchant Official Account identity parameter, passed in with urldecode |
success | Function | no | The interface calls a successful callback function |
fail | Function | no | A callback function that fails to call an interface |
complete | Function | no | The interface calls a callback function that ends (both successful and failed calls are executed) |
# Return Parameters
Parameter Name | type | Parameter explaination |
---|---|---|
errMsg | String | Call results |
# sample code
wx.navigateToMiniProgram({
appId: 'wxeb490c6f9b154ef9', //固定为此 appid,不可改动
extraData: data, // 包括 encrypt_card_id, outer_str, biz三个字段,须从 step3 中获得的链接中获取参数
success: function() {
},
fail: function() {
},
complete: function() {
}
})
NavigateToMiniProgram
interface is about to be deprecated. Use the navigator component in the new version to use this feature
<navigator target="miniProgram" app-id="wxeb490c6f9b154ef9" extra-data="{{data}}">会员卡开卡</navigator>
# Return instructions
In ApageonShow to determine the data returned from the membership card Weixin Mini Program data
- Determine if data.referrerInfo.appId is open card Weixin Mini Program appId
wxeb490c6f9b154ef9
if it is not - Determine whether there is data.referrerInfo.extraData whether there is data, if not, indicating that the user is not activated direct left swipe / click the return key to return, or the user has activated
- If the user activates successfully, you can get the activate_ticket, card_id, and code parameters from data.referrerInfo.extraData for the next action
# Note
- Calling this API on the developer tools does not actually jump to another Weixin Mini Program, but the developer tools will verify that the call jumps successfully Details
- Debugging details of the jump Weixin Mini Program on the developer tools to handle received parameters
- Open card component is the use of wx.navigateToMiniProgram development of the official component, jump without binding the same Official Account, direct call can be