返回

uni-app微信支付、支付宝支付（一）

前端

微信支付

微信支付通过JSAPI支付，即在微信内置浏览器中直接调起支付。

步骤一：接入前的准备工作

接入前，需要做一些准备工作，主要是为了获取授权code。可以分为如下步骤：

  1. 注册微信开发者平台帐号

    • 进入微信开放平台官网，点击“立即注册”，按照提示填写信息即可注册成功。

  2. 创建应用

    • 登录微信开放平台帐号，点击“开发管理”，选择“新建应用”，按照提示填写应用信息即可创建成功。

  3. 获取授权code

    • 在微信开放平台帐号的“基本信息”页面，找到“AppID”和“AppSecret”，这两个信息在后续步骤中会用到。
    • 将“AppID”和“AppSecret”填入uni-app项目的config.json文件中，如下所示：
    {
  "appid": "YOUR_APPID",
  "appsecret": "YOUR_APPSECRET"
}
    • 在项目中，可以使用uni.login()方法获取授权code。授权code是微信用户对小程序进行授权时，微信服务器生成的用于标识授权关系的临时字符串。

步骤二：微信支付流程

微信支付的流程主要分为如下几个步骤：

  1. 获取支付参数

    • 在项目中，可以使用uni.requestPayment()方法获取支付参数。支付参数包括商品、订单金额、订单号等信息。
    • 获取支付参数时，需要先调用uni.login()方法获取授权code，然后将授权code和支付参数一起发送给服务器。

  2. 统一下单

    • 服务器收到支付参数后，需要调用微信支付的统一下单接口，生成预支付交易单。预支付交易单包含了支付所需的所有信息，包括支付金额、支付方式等。

  3. 拉起支付

    • 服务器将预支付交易单返回给项目，项目收到预支付交易单后，可以使用uni.requestPayment()方法拉起支付。

  4. 支付结果回调

    • 用户完成支付后，微信会将支付结果回调给服务器。服务器收到支付结果后，需要根据支付结果更新订单状态。

小贴士

  • 微信支付小助手

    • 微信支付提供了微信支付小助手，可以帮助开发者快速集成微信支付功能。

  • 支付宝支付

    • 支付宝支付的流程与微信支付类似，但也有细微差别。

相关参考