注意:无论 PC、手机、还是微信内部,提交订单都通过点击PC支付按钮,程序会根据运行的环境自动调用对应的系统(C、手机、微信内部)。
- 1、微信PC版本设置说明
- 1.1、配置文件修改说明
- 1.2、在哪里下载支付证书?
- 1.2、怎么安装 微信支付证书?
- 1.4、在哪里找AppSecret?
- 1.5、在哪里找商户秘钥?
- 1.6、扫码后不显示验证码怎么办?
- 1.7、扫码后无反应怎么办?
- 2、H5支付(捐赠158元的源码和捐赠168元的源码支持)
- 2.1、什么是 H5支付?
- 2.2、怎么申请开通 H5支付?
- 2.3、H5支付 设置说明
- 3、JSSDK/JSAPI支付(捐赠168元的源码支持)
- 3.1、什么是 JSSDK/JSAPI支付?
- 3.1、怎么申请 JSSDK/JSAPI支付?
- 3.2、JSSDK/JSAPI支付 设置说明
- 4、小程序支付(只需要开发手机站就可以,捐赠188元的源码支持)
- 4.1、小程序实现原理
- 4.2、小程序上传说明
支付类型 | PC开源版 | H5支付版 | JSSDK/JSAPI支付版 | 小程序版 |
---|---|---|---|---|
PC网站扫码支付 | 支持 | 支持 | 支持 | 支持 |
H5支付(手机浏览器) | 不支持 | 支持 | 支持 | 支持 |
JSSDK/JSAPI支付(微信内部) | 不支持 | 不支持 | 支持 | 支持 |
小程序支付 | 不支持 | 不支持 | 不支持 | 支持 |
是否收费 | 免费开源 | 捐赠158元获取源码 | 捐赠168元获取源码 | 捐赠188元获取源码 |
1、微信PC版本设置说明
1.1、配置文件修改说明
在 /order/payconfig.asp 中修改支付参数即可,记得把前边的 ‘ 给删掉哦~
'设置支付参数,也可以直接修改 WeChatPay.asp,不建议 'pay.AppID = "AppID" 'pay.AppSecret = "App密码" 'pay.MchID = "商户ID" 'pay.MchKey = "商户API密钥" 'pay.notifyUrl = "" 'notifyUrl不指定,则会自动根据当前环境判断
1.2、在哪里下载支付证书?
登录商户平台(http://pay.weixin.qq.com),找到账户设置 -> 密码安全 -> API安全 -> 下载证书(图上方框圈错了)
详细操作步骤可以参考微信官方教程:http://kf.qq.com/faq/161222NneAJf161222U7fARv.html
1.3、怎么安装 微信支付证书?
1.4、在哪里找AppSecret?
登录服务号后台(http://mp.weixin.qq.com),登录后,在页面底部左侧找到 开发 -> 基本设置,进入基本设置页面后。可以看到 开发者ID(AppID) 和 开发者密码(AppSecret),点击重置,扫码后可以看到 AppSecret。如果需要 JSSDK/JSAPI支付,还需要在下面 IP白名单中 增加上 您的服务器的 IP地址。
1.5、在哪里找商户秘钥?
登录商户平台(http://pay.weixin.qq.com),找到账户设置 -> 密码安全 -> API安全 -> API密钥
设置API密钥,把在微信后台复制的参数填写进去即可
1.6、扫码后不显示验证码怎么办?
之前使用了 微信提供的二维码页面,现在微信已经删除 此页面导致。
如果是最新的源码,按F12 打开 开发者工具,切换到 Network 选项,点击 XHR,重新刷新页面,会看到 wxapi.asp 的请求,点开后可以看到 返回信息。errMsg 就是错误的原因
1.7、扫码后无反应怎么办?
按F12 打开 开发者工具,切换到 Network 选项,点击 XHR,重新刷新页面,会看到 wxapi.asp 的请求,点开后可以看到 返回信息,查看状态一直是 {status:false}。
因为微信支付的 服务器 无法 连接到 您的服务器。支付成功后,需要微信服务器给你 发送通知,才可以改变订单状态。
2、H5支付
2.1、什么是 H5 支付?
2.2、怎么申请开通 H5支付?
进入微信支付后台,打开 产品中心,找到 H5支付,点击开通就可以了。
2.3、H5支付 设置说明
进入微信支付后台,打开 产品中心。在我的产品或 开发设置中,找到 H5设置,填写 支付的域名就可以了。
3、JSSDK/JSAPI 支付
3.1、什么是 JSSDK/JSAPI 支付?
3.2、怎么申请 JSSDK/JSAPI支付?
进入微信支付后台,打开 产品中心,找到 JSAPI支付,点击开通就可以了。
3.3、JSSDK/JSAPI支付 设置说明
需要设置两个地方,在微信服务号后台 和 微信支付后台分别设置:
3.3.1、微信服务号后台:
在页面底部左侧找到 开发 -> 基本设置,进入基本设置页面后。在下面 IP白名单中 增加上 您的服务器的 IP地址。
在页面底部左侧找到 开发 -> 接口设置, 找到 网页授权,点击修改。
修改 对应的 JS接口安全域名 和 网页授权域名 为 微信支付的网址
3.3.2、微信支付后台后台:
进入微信支付后台,打开 产品中心。在我的产品或 开发设置中,找到 公众号支付 设置,填写 支付的支付路径就可以了(注意:精确到路径,比如支付订单:http://wechatpay.demo.miaoqiyuan.cn/order/pay.asp?order_no=201941115939934,需要填写:http://wechatpay.demo.miaoqiyuan.cn/order/)。
4、小程序支付 支付
4.1、小程序实现原理
通过小程序 WebView (必须认证后可用),可以实现将手机网站嵌入 小程序。
客户点击支付时,程序判断再 小程序中运行,如果在小程序中运行会通过 JSSDK 跳转到 小程序版 的支付页面( /pages/pay/pay )完成支付。支付成功后会返回 WebView(即你的手机站),通知客户支付成功。
4.2、小程序上传说明
4.2.1、服务器端程序:修改配置文件(小程序的配置文件,注意备份 )
set pay = new WeChatPay '设置支付参数,也可以直接修改 WeChatPay.asp pay.AppID = "AppID" pay.AppSecret = "App密码" pay.MchID = "商户ID" pay.MchKey = "商户API密钥" '在 微信支付后台 \ 帐户中心 \ API安全,设置 API密钥 中设置 pay.CertName = "MMPay" '如果本服务器只有一个站点使用微信支付,无须修改。部署多套请参考:http://www.miaoqiyuan.cn/p/winhttpcertcfg-mmpay 'pay.notifyUrl = "" 'notifyUrl不指定,则会自动根据当前环境判断,如果修改了路径,必须修改 if IS_APP or Request.QueryString("client") = "wxapp" then pay.AppID = "小程序AppID" '小程序appid pay.AppSecret = "小程序密匙" '小程序密匙 end if
比其他版本多了下面最后4行代码,也可以不替换,将最后四行代码复制到 其他版本 payconfig.asp 的底部即可。
if IS_APP or Request.QueryString("client") = "wxapp" then pay.AppID = "小程序AppID" '小程序appid pay.AppSecret = "小程序密匙" '小程序密匙 end if
4.2.2、小程序部署:
4.2.2.1、首先需下载 微信开发者工具
下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
4.2.2.2、通过 微信开发者工具 导入源代码
输入小程序名称和申请的APPID,选择 小程序所在的目录(小程序版本压缩包中的 /app/ 目录为小程序目录)
4.2.3、修改配置文件 /pages/pay/config.js
按代码注释,修改:网站名称、网站首页、小程序接口、下单接口
网站名称:你的网站名称,用于加载您的网站首页前再标题栏显示
网站首页:你的网站名称,用于加载您的网站首页前再标题栏显示
小程序接口:用于实现小程序用户登录等。位于您的安装目录下的 wxapp.asp
下单接口:用于实现下单,返回支付信息。位于您的安装目录下的 wxapi.asp
export default { //网站名称 title:'网站名称', //网站首页 home: 'http://wechatpay.demo.miaoqiyuan.cn/order/', //小程序接口 appApi: 'http://wechatpay.demo.miaoqiyuan.cn/order/wxapp.asp', //下单接口 orderApi: 'http://wechatpay.demo.miaoqiyuan.cn/order/wxapi.asp', }
4.2.4、在 微信开发者工具 右上方 点击 上传,按提示上传代码后,到小程序后台提交审核
等待审核通过后,就可以使用了。
Pingback引用通告: 微信支付ASP下证书安装说明 | 启源的部落格