banner
阿珏酱

阿珏酱

いつもとは逆の電車に乗り、見たこともない風景を見に行く
twitter
github
facebook
bilibili
zhihu
steam_profiles
youtube

微信JSAPI支付

Tips:当你看到这个提示的时候,说明当前的文章是由原emlog博客系统搬迁至此的,文章发布时间已过于久远,编排和内容不一定完整,还请谅解`

微信 JSAPI 支付

日期:2019-3-30 阿珏 折腾代码 浏览:1883 次 评论:6 条

前段时间一直在做微信相关的业务,虽说不是什么新技术,但之前一直没有机会接触到,然后踩了些坑,抽空整理记录下。
微信支付一共分为7种,分为是:付款码支付、JSAPI支付、Native支付、APP支付、H5支付、小程序支付、人脸支付。
此次业务中使用到的是微信JSAPI支付:用户通过微信扫码、关注公众号等方式进入商家H5页面,并在 微信内 调用 JSSDK完成支付

文档: https://pay.weixin.qq.com/wiki/doc/api/index.html


SDK: https://pay.weixin.qq.com/wiki/doc/api/micropay.php?chapter=11_1

JSAPI支付需要在微信中的浏览器打开才能唤起微信支付,效果如下图

image
附上界面代码
代码中使用了模板引擎

html:
JavaScript:
CSS部分
唤起微信支付,此处的js代码仅在微信手机浏览器中生效
界面基于妹子UI,效果如下图
image
PHP后端,创建本地订单
回调类调用
注意:微信支付需要在后台配置一个微信支付授权目录,其中的APPID等参数在微信支付后台可获取到。
微信公众号信息配置
APPID:绑定支付的APPID(必须配置,开户邮件中可查看)
MCHID:商户号(必须配置,开户邮件中可查看)
KEY:商户支付密钥,参考开户邮件设置(必须配置,登录商户平台自行设置)
设置地址:https://pay.weixin.qq.com/index.php/account/api_cert
APPSECRET:公众帐号secert(仅JSAPI支付的时候需要配置, 登录公众平台,进入开发者中心可设置),
获取地址:https://mp.weixin.qq.com/advanced/advanced?action=dev&t=advanced/dev&token=2005451881&lang=zh_CN
image

网友评论:

image 苏宝宝 2 年前 (2019-04-06)
这要怎么复制代码呀 我想实战操作下 求博主给个代码的百度云链接可否

image 阿珏 2 年前 (2019-04-07)
@苏宝宝:微信官方给的 SDK 中有调用示例,文章中只是基本的 html 代码,复制去你也是没办法直接使用的,仅供参考

image 译丶浅夏 2 年前 (2019-04-03)
表情包怎么整合的,能不能出个教程大佬

image 阿珏 2 年前 (2019-04-03)
@译丶浅夏:这个有现成的插件,可以去搜一下,但是由于每个博客的模板都不一样,得花点时间自己整上去

image Ricky 2 年前 (2019-03-31)
前提是要有个可以开通支付的微信公众号

image 杨小杰博客 2 年前 (2019-03-30)
朕已阅

Loading...
Ownership of this post data is guaranteed by blockchain and smart contracts to the creator alone.