微信支付怎么配置jsapi

2023-03-05 09:06:02Python012

微信支付怎么配置jsapi,第1张

微信支付，是微信向有出售物品/提供服务需求的商家提供推广销售、支付收款、经营分析的整套解决方案，包括多种支付方式，如付款码支付、JSAPI支付、小程序支付、APP支付、电脑网站支付、企业微信支付、H5支付，以及多种支付工具，如微信红包、代金券等。微信支付配置步骤:步骤1：注册支付商户号步骤2、秘钥（32位）步骤3、上传证书步骤4、商户号新增小程序授权（注意授权状态是否是成功）步骤5、公众号支付、JSAPI开通登录小程序后台找到配置管理→支付配置登录开通微信支付商户平台（https://pay.weixin.qq.com），在微信支付商户平台里面进行查找商户号和设置API密钥、下载证书以下步骤查找上述基础的内容在哪个地方查找。步骤1、支付商户号查找：（注：登录商户号尽量使用360浏览器或者谷歌浏览器）进入后在账户中心—商户信息、可以看到微信支付商户号、把商户号记一下，填到后台。注：首次进入微信支付后台需要下载控件和操作证书（按照提示一步步操作即可）步骤二：API密钥：随后点击下面的API安全、设置一下API秘钥，API密钥必须是32位字母或数字注：该处设置秘钥时看下设置下方的API秘钥，不要设置APIV3的秘钥。注：该处设置下后把新设置的密钥填到制作后台。步骤三：证书路径、密钥路径：API秘钥设置好了之后、点击下载API证书（注：该处证书上传用于退款。退款需要往商户号里充值钱。）下载后是一个压缩包，然后解压、然后根据名称分别上传到证书路径、密钥路径。步骤四：小程序在公众号里申请，公众号里开通的微信支付；该方式需要先登录商户号->产品中心->APPID授权管理->新增该小程序的授权。具体如下图：如提示已绑定（此步骤跳过）授权后到微信小程序后台同意授权。如图：确保上图申请单状态是授权成功。步骤五：查看微信支付商户号公众号支付、JSAPI是否开通。如下图：（如未开通，点击开通下，如果没有公众号支付可不用管）（1）公众号支付开通（如果没有公众号支付，此步骤跳过）（2）JSAPI开通

整理一下通过h5做微信分享相关配置。

登录微信公众号，获取AppID ，配置白名单，然后配置JS接口安全域名。

登录公众号后，左侧菜单栏选择：开发 =>基本配置，直接复制开发者ID(AppID)即可：

注意使用公网IP

左侧菜单栏选择：设置 =>公众号设置：

网页授权主要是获取微信openId使用，如果只是用分享操作，本步可以略过。

网页授权介绍

大致步骤是：

在配置完前面AppId、白名单及安全域名后，开始处理网页授权。

网页授权这一块儿内容主要是后端需要处理的内容较多，前端还是很简单的，仅需要跳入微信链接即可。为什么要走这一步呢因为有些操作，例如微信支付、播放微信录音、获取微信地址、微信卡券、商品、小店等等许多功能必须在微信浏览器汇总打开操作才可以，因此需要跳入微信浏览器及微信链接来处理后续操作。当配置后，链接便只有在微信浏览器中打开才会生效了，不然会提示：

链接如下：

https://open.weixin.qq.com/connect/oauth2/authorize?appid={$appId}&redirect_uri=={$URL}&response_type=code&scope=snsapi_base#wechat_redirect

参数分解

可见，上面需要填入的变量有二，一个是前面回去的AppId，另外一个则是url，需要写的是与配置域名所对应域名下的url，并且要进行urlEncode编码处理使用。

在拿到上述完整链接后，通过 window.location.href = ${url} 进行网页授权即可。在授权成功后，页面会重定向到自己设置的url页面去，然后在该连接上会有code值，取出即可：

将拿到的code值传给后端即可，看具体需求决定是否前端使用openId，如果非必要则不在前端获取保存或者由后端加密后传给前端使用。

大致分为五个步骤：

在步骤 1.3 中已经配置。

在需要调用JS接口的页面引入如下JS文件： https://res.wx.qq.com/open/js/jweixin-1.6.0.js

备注：支持使用 AMD/CMD 标准模块加载方法加载

配置需要如下几个参数：

那这些参数从哪儿来呢？依旧不用担心，依然是交给后端处理，后端返回时间戳、随机串及签名，其他的自己配置即可。