Member Card Components | Weixin public doc

# Member Card Components

Developers can call the API to pull up member card activation components in Mini Programs, so that users can quickly fill in the member registration information and receive the card. The API pulls up the card activation component without linking the card activation component and the initiating Mini Program to the same Official Account in advance, and the developer can call it directly.

The developer must complete the following steps before calling:

Create a Weixin member card and set it to One tap activate mode;
Set card activation fields;
Obtain card activation component parameters;

For details, see introductions to member card activation components: Member card activation components

Parameter description

Parameter Name	Type	Required or Not	Parameters
appId	String	Yes	Fill in wxeb490c6f9b154ef9, which is the fixed value for the appid
extraData	Object	Yes	The parameter of the card activation component, which is obtained in step 3, including the following three parameters
encrypt_card_id	String	Yes	Encrypted card_id, which is required to execute urldecode before imported
outer_str	String	Yes	The value of the member card receipt channel, which is passed back to the vendor in the coupon receipt event
biz	String	Yes	The identification parameter of the vendor Official Account, which is required to execute urldecode before imported
success	Function	No	Callback function used for successful API call
fail	Function	No	Callback function for failed API call
complete	Function	No	Callback function used when API call completed (always executed whether call succeeds or fails)

Return parameters

Parameter Name	Type	Parameters
errMsg	String	Call results

Sample code

wx.navigateToMiniProgram({
  appId: 'wxeb490c6f9b154ef9', //Use it as a fixed value for appid, which cannot be changed
  extraData: data, // Including three fields of encrypt_card_id, outer_str and biz; the parameter should be obtained from the link provided in step 3
  success: function() {
  },
  fail: function() {
  },
  complete: function() {
  }
})

navigateToMiniProgram API is to be discarded; in the newer version, please use this feature with navigator component

<navigator target="miniProgram" app-id="wxeb490c6f9b154ef9" extra-data="{{data}}">Member card activation</navigator>

Return description

In App. onShow, determine the data returned from the member card activation Mini Program

Determine whether data.referrerInfo.appId is the appId wxeb490c6f9b154ef9 of the card activation Mini Program. If not, abort now
Determine whether there is any data for data.referrerInfo.extraData. If not, it indicates the user swipes left to return or taps the return button before completing activation process, or indicates activation is complete
If activation is complete, get the activate_ticket, card_id and code parameters from data.referrerInfo.extraData for the next action

# Tip

Calling this API on the Weixin DevTools does not actually jump to another Mini Program, but the Weixin DevTools verifies that this call jump is successful. See details
Weixin DevTools supports the jumped-to Mini Program to process the debugging of receiving parameters. See details
The card activation component is an official component developed with wx.navigateToMiniProgram. It can be called directly without linking to the same Official Account when performing a redirection