banner
阿珏酱

阿珏酱

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

微信JSAPI支付

提示:当你看到这个提示的时候,说明当前的文章是由原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)
朕已阅

加载中...
此文章数据所有权由区块链加密技术和智能合约保障仅归创作者所有。