返回

从零开始对接微信支付(H5、JSAPI、小程序)

前端

前言

微信支付作为国内最受欢迎的移动支付方式之一,已经成为广大企业和商家的必备支付渠道。为了帮助大家快速接入微信支付,本文将详细介绍小程序支付、JSAPI支付和H5支付三种场景下的微信支付对接流程。

小程序支付

小程序支付是微信支付为小程序提供的支付方式。它可以让用户在小程序中直接完成支付,无需跳转到其他页面或应用。

1. 开发准备

在进行小程序支付开发之前,你需要先完成以下准备工作:

  • 注册微信开放平台账号。
  • 创建小程序。
  • 将小程序关联到微信开放平台账号。
  • 获取小程序的APPID和AppSecret。
  • 配置小程序服务器。

2. 支付流程

小程序支付的流程如下:

  • 用户在小程序中发起支付请求。
  • 小程序服务器向微信支付服务器发送支付请求。
  • 微信支付服务器向用户发送支付凭证。
  • 用户使用支付凭证在微信客户端完成支付。
  • 微信支付服务器将支付结果通知小程序服务器。

3. 注意事项

在进行小程序支付开发时,你需要注意以下事项:

  • 小程序支付只能在微信客户端中使用。
  • 小程序支付需要使用微信支付的官方SDK。
  • 小程序支付需要向微信支付缴纳手续费。

JSAPI支付

JSAPI支付是微信支付为网页提供的支付方式。它可以让用户在网页中直接完成支付,无需跳转到其他页面或应用。

1. 开发准备

在进行JSAPI支付开发之前,你需要先完成以下准备工作:

  • 注册微信开放平台账号。
  • 创建公众号或小程序。
  • 将公众号或小程序关联到微信开放平台账号。
  • 获取公众号或小程序的APPID和AppSecret。
  • 配置公众号或小程序服务器。

2. 支付流程

JSAPI支付的流程如下:

  • 用户在网页中发起支付请求。
  • 网页服务器向微信支付服务器发送支付请求。
  • 微信支付服务器向用户发送支付凭证。
  • 用户使用支付凭证在微信客户端完成支付。
  • 微信支付服务器将支付结果通知网页服务器。

3. 注意事项

在进行JSAPI支付开发时,你需要注意以下事项:

  • JSAPI支付只能在微信客户端中使用。
  • JSAPI支付需要使用微信支付的官方SDK。
  • JSAPI支付需要向微信支付缴纳手续费。

H5支付

H5支付是微信支付为移动端网页提供的支付方式。它可以让用户在移动端网页中直接完成支付,无需跳转到其他页面或应用。

1. 开发准备

在进行H5支付开发之前,你需要先完成以下准备工作:

  • 注册微信开放平台账号。
  • 创建公众号或小程序。
  • 将公众号或小程序关联到微信开放平台账号。
  • 获取公众号或小程序的APPID和AppSecret。
  • 配置公众号或小程序服务器。

2. 支付流程

H5支付的流程如下:

  • 用户在移动端网页中发起支付请求。
  • 移动端网页服务器向微信支付服务器发送支付请求。
  • 微信支付服务器向用户发送支付凭证。
  • 用户使用支付凭证在微信客户端完成支付。
  • 微信支付服务器将支付结果通知移动端网页服务器。

3. 注意事项

在进行H5支付开发时,你需要注意以下事项:

  • H5支付只能在微信客户端中使用。
  • H5支付需要使用微信支付的官方SDK。
  • H5支付需要向微信支付缴纳手续费。

结语

本文详细介绍了小程序支付、JSAPI支付和H5支付三种场景下的微信支付对接流程。希望对大家快速接入微信支付有所帮助。