Simple code realizes the function of Uniapp Alipay payment

With the rapid development of mobile Internet, people rely more and more on mobile payment. Alipay is one of the most widely used payment methods. In mobile applications, if you want to develop Alipay payment functions, then using the uniapp framework is a very good choice. This article will introduce how uniapp realizes the function of Alipay payment.

1. Preparation

Before starting to implement Alipay payment, we need to complete some preparations:

1. Obtain an Alipay open platform account

First, you need to register an account on the Alipay open platform. Specifically, you can go to the Alipay open platform to register.

2. Create an application

After registering an Alipay open platform account, you need to create an application. After the application is created, the AppId of the application can be obtained, which is one of the parameters required for Alipay payment.

3. Obtain Alipay SDK

Download the Alipay SDK and import it into the uniapp project.

2. Alipay payment core code

1. Introduce Alipay JsSDK

<script src="path/to/alipayjsapi.js"></script>

2. Parameter information that needs to be paid

{
 partner: '',//商户id
 seller_id: '',//卖家id
 out_trade_no: '',//商户订单号
 subject: '',//订单名称
 body: '',//订单详情
 total_fee: '',//商品金额
 notify_url: '',//回调地址
 service: 'mobile.securitypay.pay',
 payment_type: '1',
 _input_charset: 'utf-8',
 timestamp: '',//时间戳
 app_id: '',//支付宝应用id
 sign_type: 'RSA',
 sign: ''
}

Among them, the most important parameter is sign, which is a signed string. The signature method is done through the RSA algorithm.

3. Call Alipay to pay

//调起支付宝支付
function callAlipay(orderInfo) {
 Alipay.pay({
     orderStr: orderInfo //支付请求参数字符串
 }, function(result) {
     //支付成功回调函数
     uni.showToast({
         title: '支付成功',
         icon: 'success'
     });
 }, function(error) {
     //支付失败回调函数
     uni.showToast({
         title: '支付失败'
     });
 });
}

3. Alipay payment process description

1. The user chooses to pay with Alipay in the app.

2. The application transmits the order information to the server, and the server generates a signature based on the order information.

3. The application passes the order information including the signature to the front end.

4. The front end calls Alipay JsSDK to make payment.

5. The Alipay client displays the payment page, and the user enters the password to complete the payment.

6. After the payment is successful, the Alipay client calls back the callback address set by the application to notify the application of the payment result.

7. The application updates the order status according to the callback information.

Four. Summary

This article introduces how to use uniapp to realize Alipay payment function. In the specific implementation, you need to pay attention to the following points:

1. You need to obtain an Alipay open platform account first, and create an application.

2. Alipay SDK needs to be imported.

3. The signature method is RSA algorithm.

4. The process of interacting with Alipay involves the communication between the front end, the server and Alipay.