This integration guide focuses on the requirements and steps that Mobile Payment Partners (MPPs) need to know to integrate Alipay+ Center.

Depending on whether you (the MPP) have integrated Alipay+ SDK, you can select different integration solutions. Find the solution that fits you in the following sections.

For MPPs with Alipay+ SDK

If you have integrated Alipay+ SDK, you can select either of the following two solutions.

Integrate Alipay+ Center on My Profile page

You can choose to integrate Alipay+ Center on My Profile page of your app.

With this solution, the user is redirected to the Alipay+ Center mini-program within your app.

Figure 1. My Profile page

To integrate Alipay+ Center on My Profile page of the MPP, take the following steps:

1. Create an entrance with Alipay+ Center logo on My Profile page.
2. Link the entrance to the Alipay+ Center mini-program URL.
3. Permit in-app redirection to Alipay+ Center mini-program.

For the time that you need for development, it usually takes 10 man-days to complete the integration with this solution.

Integrate Alipay+ Center in Mini -program section

You can also choose to integrate Alipay+ Center in the Mini-program section of your app.

With this solution, the user is redirected to the Alipay+ Center mini-program within your app.

Figure 3. Mini-program

To integrate Alipay+ Center in the Mini-program section of the MPP, take the following steps:

1. Create an entrance with Alipay+ Center logo in the Mini-program section.
2. Link the entrance to the Alipay+ Center mini-program URL.
3. Permit in-app redirection to Alipay+ Center mini-program.

You may need development efforts to add Alipay+ Center logo and entrance in the mini-program section of the MPP. You can estimate the time needed for development based on your situation.

For MPPs without Alipay+ SDK

If you have not integrated Alipay+ SDK, you can select the solution below.

Integrate Alipay+ Center on My Profile page

With this solution, Alipay+ Center entrance is shown on My Profile page of your app. and the user is redirected to the Alipay+ Center H5 page within your app.

Figure 3. My Profile page

To integrate Alipay+ Center o My Profile page of your app, take the following steps:

1. Create an entrance with Alipay+ Center logo on My Profile page.
2. Link the entrance to the Alipay+ Center H5 URL.
3. Permit in-app redirection to Alipay+ Center H5 page.
4. Pass the user ID to Alipay+ Center by default authorization in the backend, when the user is redirected to Alipay+ Center H5 page. This is to ensure that Alipay+ Center can properly render its page according to the user profile.

Note: The MPPs that have not integrated Alipay+ SDK also need to pass the user ID to Alipay+ Rewards mini-program in the backend, when the user is redirected to Alipay+ Rewards mini-program. For more information, see the following section Alipay+ Center on Alipay+ Rewards mini-program.

For the time that you need for development, it usually takes 10 man-days to complete the integration with this solution.

Alipay+ Center on Alipay+ Rewards mini-program

Alipay+ Center has been integrated into Alipay+ Rewards mini-program. When users enter Alipay+ Rewards through your app, they can see Alipay+ Center entrance on the home page. This scenario is common for all MPPs.

Figure 4. Alipay+ Rewards mini-program

The MPPs that have not integrated Alipay+ SDK need to pass the user ID to Alipay+ Rewards in the backend, when the user is redirected to Alipay+ Rewards mini-program. This is to ensure that Alipay+ Center can properly render its page according to the user profile.