在操作之前, 请先在"微信商户平台"  开通对应的支付产品权限:

 前面申请公众号，申请微信支付商户流程在前面已经有讲过，下面主要讲配置微信支付的步骤

第一步：前去微信公众号管理后台配置JS接口安全域名

登录微信公众平台后，在公众号设置--功能设置--找到【JS接口安全域名】，点击旁边的【设置】。

点击下载这个文件，然后上传到服务器。如果在修改业务域名的时候已经上传过这个文件了，就跳过这步操作。

输入要修改的域名，点击【保存】即可。

设置好JS接口安全域名后

然后登录微信商户平台，https://pay.weixin.qq.com。

配置jsapi支付授权目录    

路径：商户平台--产品中心--开发配置

最新微信支付安全域名请在微信商户管理平台设置

注意：这里区分php版本和uniapp版本

php版本配置：

在开发配置->支付配置中添加如下URL：

http://域名/Mobile/Payment/

http://域名/index.php/Mobile/Payment/

http://域名/Home/Payment/

http://域名/index.php/Home/Payment/

uniapp版本配置：

http://域名/api/Payment/

扫码支付URL:

http://域名/index.php/Home/Payment/notifyUrl/pay_code/weixin/

如下图：

第二步：登录微信商户平台设置支付密钥

在设置支付秘钥前，需要在在账户设置--操作证书中 安装安全控件 和 操作证书后，才能继续操作。

操作证书下载完成以后。在在“API安全”中点击“设置密钥”（需完成上述安全控件及证书安装）。设置一个新的秘钥，需要秘钥先保存起来，后期需要配置到tpshop商城后台。

第三步：登录微信公众平台，获取公众帐号secert和绑定支付的APPID。

微信公众平台---开发模块下有个【基本配置】

然后将开发者密码重置即可。

APPID和商户号:在你申请微信支付的时候会收到微信发来的邮箱, 邮箱里面包含了这些信息(如下图):

公众号secret: 对接公众号时配置的AppSecret.

进入微信公众号平台， 点击左侧菜单，开发->基本设置->开发者密码（AppSecret）

第四步:在网站管理后台插件列表中找到微信支付插件，配置支付参数，4个参数全部要填写正确，保存成功就配置完成了。

    APPID对应公众号开发者APPID

    商户支付密钥对应上一步在商户平台设置的32位支付密钥

    secert对应公众号AppSecret(应用密钥)

配置完成之后, 用户在商城下单进入支付页面, 选择微信支付微信即可扫描支付

TPshop微信支付成功展示

常见错误:

1. 未注册:http://xxxx/index.php/Mobile/Payment/

如果在支付过程中报 当前页面的URL未注册:http://www.tp-shop.cn/index.php/Mobile/Payment/

那么你就将它报的这个未注册的地址 复制到 支付授权目录中,  它报什么地址没注册你就复制什么地址就行了 .

提示中含有index.php 你就加上

改成类似如上图 两个地址  带index.php 和不带index.php 的地址都加上

2. redirect_uri 参数错误或微信没有自动登录

亦或者用户进入登录页面, 要求输入账号密码, 没有自动登录

请检查TPshop后台是否配置微信登录:

检查方法: 后台 -> 插件工具 -> 登录插件 -> 微信支付插件

如果已经配置, 接下来

  a).判断用户"网页授权"权限是否获取

查看方法: 微信公众号后台 -> 开发 -> 接口权限-> 网页服务 -> 基础接口 -> 网页授权获取用户基本信息

  b).如果已经获取权限, 判断网页域名授权是否配置

     查看方法: 公众号设置 -> 功能设置 -> JS接口安全域名/网页授权域名是否设置, 如截图;

3. 微信支付提示:签名错误

出现此问题原因在于: 商城后台的微信公众号支付配置中的appid ,公众号secret ,商户号, 商户支付秘钥不正确.

如果已经确认意思参数正确无误, 请重置" 商户支付秘钥"

4. appid and openid not match

微商城公众号支付出现如下错误

 请确保公众号支付插件里面的商户号与公众号一致， 检查办法如下： 登录公众号->"微信支付" 

查看关联的商户号

注意： PC和WAP&小程序 对应的是微信公众号的商户平台， APP 对应的是开放平台的商户平台（两者不要搞混）， 如果不清楚商户号请查看申请支付时微信回复的邮件。