微信JSAPI支付教程

本文作者StormMa详细讲解微信JSAPI支付流程,包括用户认证获取openId、微信支付的统一下单和组装调起支付参数等步骤。通过示例代码和注意事项,帮助开发者理解并实现实现微信支付。
摘要由CSDN通过智能技术生成

@author StormMa
@date 2017-05-23 01:41


生命不息,奋斗不止!


最近一个项目中用到了微信开发,之前没有做过支付相关的东西,算是拿这个来练练手,刚开始接触支付时候很懵逼,加上微信支付开发文档本来就讲得不清楚,我是彻底蒙圈了,参考了很多代码之后,算是有一点思路了。

用户认证获取openId

如果你知识关注支付流程,这块可以跳过,因为我知道这些你已经做过了,在开始所有的流程之前,我觉得你应该把所有微信相关的配置放到一个properties文件中去,这样不仅显得更规范,而且会避免犯很多错误,真是一个完美的选择!

######## 配置文件
######## 公众号开发配置中的token(自定义)
wechat.token=
######## 应用id
wechat.appId=
######## 密钥(同token查看地址)
wechat.appSecret=
######## 静默授权微信回调url
wechat.callBackSlientUrl=
######## 商户Id(支付相关)
wechat.MCHID=
######## 微信下单地址
wechat.wxorder=https://api.mch.weixin.qq.com/pay/unifiedorder
######## 支付api密钥
wechat.KEY=
######## 支付结果回调地址
wechat.NOTIFYURL=

接着你可以考虑把这个properties注入到一个bean中,使用更方便,当然你还可以选择使用java来读取properties的配置,对比这两个方法,我更喜欢第一个,我就使用第一种方法来演示一下(这里使用spring boot框架,spring mvc类似)

/**
 * <p>Created on 2017/3/13.</p>
 *
 * @author StormMma
 *
 * @Description: 微信相关常量
 */
@Component
@ConfigurationProperties(locations = {
  "classpath:config/wechat.properties"}, prefix = "wechat")
public class WeChatConfigBean {
   

    /**
     * token
     */
    private String token;

    /**
     * app id
     */
    private String appId;

    /**
     * app secret
     */
    private String appSecret;

    /**
     * 静默授权回调地址
     */
    private String callBackSlientUrl;

    /**
     * 商户id
     */
    private String MCHID;

    /**
     * 异步回调地址
     */
    private String NOTIFYURL;

    /**
     * 微信统一下单地址
     */
    private String wxorder;

    /**
     * key
     */
    private String KEY;

    public String getToken() {
        return token;
    }

    public void setToken(String token) {
        this.token = token;
    }

    public String getAppId() {
        return appId;
    }

    public void setAppId(String appId) {
        this.appId = appId;
    }

    public String getAppSecret() {
        return appSecret;
    }

    public void setAppSecret(String appSecret) {
        this.appSecret = appSecret;
    }

    public String getCallBackSlientUrl() {
        return callBackSlientUrl;
    }

    public void setCallBackSlientUrl(String callBackSlientUrl) {
        this.callBackSlientUrl = callBackSlientUrl;
    }

    public String getMCHID() {
        return MCHID;
    }

    public void setMCHID(String MCHID) {
        this.MCHID = MCHID;
    }

    public String getNOTIFYURL() {
        return NOTIFYURL;
    }

    public voi
首先,你需要在 Midway.js 项目中安装 `tenpay` 包。可以通过以下命令进行安装: ``` npm install tenpay --save ``` 接下来,我们需要创建一个 `TenpayService` 类,用于封装微信支付相关的代码。在该类中,我们需要实现以下方法: - `getPaymentParams`:用于获取微信支付的参数; - `verifyPaymentResult`:用于验证微信支付结果的有效性。 以下是一个示例 `TenpayService` 类的代码: ```typescript import { provide } from '@midwayjs/decorator'; import { IWebMiddleware, IMidwayKoaContext } from '@midwayjs/koa'; import { Payment } from 'tenpay'; @provide() export class TenpayService { private readonly payment: Payment; constructor() { this.payment = new Payment({ appid: 'YOUR_APPID', mchid: 'YOUR_MCHID', partnerKey: 'YOUR_PARTNERKEY', notify_url: 'YOUR_NOTIFY_URL', spbill_create_ip: 'YOUR_SPBILL_CREATE_IP', // 是否沙箱环境 sandbox: true }); } async getPaymentParams(order: any): Promise<any> { const params = { out_trade_no: order.outTradeNo, body: order.body, total_fee: order.totalFee, openid: order.openid, trade_type: 'JSAPI', }; const result = await this.payment.getPayParams(params); return result; } async verifyPaymentResult(params: any): Promise<boolean> { const result = await this.payment.verifyNotify(params); return result; } } ``` 其中,`getPaymentParams` 方法会根据订单信息,调用 `tenpay` 包的 `getPayParams` 方法获取微信支付的参数。`verifyPaymentResult` 方法会根据微信支付结果的参数,调用 `tenpay` 包的 `verifyNotify` 方法验证结果的有效性。 接下来,我们可以在控制器中使用 `TenpayService` 类,来实现微信支付功能。以下是一个示例控制器的代码: ```typescript import { provide, inject } from '@midwayjs/decorator'; import { Context } from 'egg'; import { TenpayService } from './tenpay.service'; @provide() export class TenpayController { @inject() ctx: Context; @inject() tenpayService: TenpayService; async createOrder() { // 创建订单 const order = { outTradeNo: 'YOUR_OUT_TRADE_NO', body: 'YOUR_BODY', totalFee: 100, openid: 'YOUR_OPENID', }; // 获取微信支付参数 const params = await this.tenpayService.getPaymentParams(order); // 返回给前端的数据 const data = { appId: params.appId, timeStamp: params.timeStamp, nonceStr: params.nonceStr, package: params.package, signType: params.signType, paySign: params.paySign, }; return data; } async notify() { const params = this.ctx.request.body; const result = await this.tenpayService.verifyPaymentResult(params); // 处理支付结果 if (result) { // 支付成功 // TODO: 处理订单状态等业务逻辑 this.ctx.body = 'success'; } else { // 支付失败 this.ctx.body = 'fail'; } } } ``` 以上代码中的 `createOrder` 方法用于创建订单,并调用 `TenpayService` 类的 `getPaymentParams` 方法获取微信支付参数。`notify` 方法用于处理微信支付结果的通知,调用 `TenpayService` 类的 `verifyPaymentResult` 方法验证结果的有效性,并根据结果处理订单状态等业务逻辑。 最后,在 `config/config.default.ts` 中配置路由: ```typescript import { EggAppConfig, PowerPartial } from 'egg'; import { IWebMiddleware } from '@midwayjs/koa'; export default () => { const config: PowerPartial<EggAppConfig> = {}; config.middleware = ['errorHandler']; config.routes = [ { method: 'POST', path: '/api/tenpay/createOrder', action: 'tenpay.createOrder', }, { method: 'POST', path: '/api/tenpay/notify', action: 'tenpay.notify', }, ]; return config; }; ``` 以上就是使用 Midway.js + TypeScript 实现微信 JSAPI 支付教程
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值