微信支付接入Web应用的简易流程指南（转）

在Web应用中实现微信支付接入的实战之路

⛔

导语：

许多人以为，在Web应用中接入微信支付只需调用几个API进行调试即可轻松完成。然而，现实并非如此简单。记者深入采访了一位开发者，倾听了他与微信支付API之间的“爱恨纠葛”，爱游戏官方网站。

#️⃣

背景：

这位开发者最初以为接入微信支付只需调用API，调试一番即可搞定。然而，在深入挖掘官方文档后，他发现微信的API和文档中充满了“坑”。

⏫

简要介绍几个主要“坑”：

🎾

坑一：关于WeixinJSBridge对象

开发者按照网页端调起支付API的开发文档，理所当然地调用了WeixinJSBridge对象。但遗憾的是，这个对象仅在微信浏览器中有效，一旦调用，便陷入了困境。

🌌

坑二：几个签名的混淆

微信支付涉及多个签名，稍有不慎便会导致签名错误。开发者曾在签名调试上花费了两天时间。

✅

坑三：两个Access_token

微信支付中存在两个Access_token，开发者误以为使用网页授权的token即可，结果又掉进了“坑”。

…………

开发者表示，这些“坑”让他心力交瘁，最终成功接入微信支付后，深感疲惫。

↗️

准备工作：

1. 注册公众号并开通微信支付功能。

2. 在微信公众平台配置支付授权目录，并添加测试微信号到白名单。

3. 在开发者中心获取接口权限，并填写网页授权用户基本信息。

4. 设置JS接口安全域名，获取APPID和APPSecret访问权限，以及商户id和key。

🚢

步骤：

1. 引导用户进入应用，并使用OAuth验证。

2. 使用code获取openId。

3. 通过统一下单接口，将交易信息发送至微信服务器。

4. 前端配置wx.config。

5. 服务端生成wx.config所需的signature，爱游戏登录入口。

6. 配置chooseWXPay。

7. 生成chooseWXPay所需的签名paySign。

8. 测试。

🔟

总结：

虽然微信支付接入流程看似清晰，但实则暗藏“坑”。开发者需耐心研究官方文档，才能顺利接入微信支付。在此过程中，也要学会总结经验，避免再次掉入“坑”。