微信开发者工具网页开发（关于微信web开发者工具的下载和安装,有哪些版本）微信开发者工具和微信web开发者工具的区别，硬核推荐，

1.微信开发者工具网页开发

本文记录小程序内支付和微信浏览器内支付两类场景的前后端开发 微信账号准备，在微信公众平台微信公众平台注册微信服务号或者注册小程序账号，并完成相应的账号认证，在微信商户平台微信支付 - 中国领先的第三方支付平台 ｜ 微信支付提供安全快捷的支付方式

2.微信开发者工具网页开发失败

注册成为商家，微信服务号或小程序账号关联商户号 微信浏览器和小程序内的支付殊途同归，最终以相同格式的数据包向微信发起支付请求，也以相同的形式完成回调 后端组织起支付数据包时需要微信服务号或小程序账号的AppId和AppSecret( 查看时会覆盖上次生成的AppSecret，谨慎保存)以及绑定的商户号MchId。

3.微信开发者工具网页开发不了

我使用 wx_pay这个gem来完成支付的签名，以以下命名方式对各参数加以区分 以下用作账号access_token以及用户openid的获取，题外话，获取access_token时需要将后端服务器ip添加到IP白名单

4.微信开发者工具网页开发怎么用

WECHAT_APP_ID 微信服务号或小程序账号的AppIdWECHAT_APP_SECRET 微信服务号或小程序账号的AppSecret 以下用作支付初始化，值得一提的是WxPay初始化时的appid应填微信服务号或小程序账号的AppId，而不是商户号的AppId。

5.微信开发者工具网页版

WxPay初始时的key却是商户号的SecretWXPAY_APP_ID 微信服务号或小程序账号的AppIdWXPAY_APP_SECRET 微信商户号密码WXPAY_MCH_ID 微信商户号（数字id）

6.微信开发者网站

签名方法在wxpay GitHub上有各种支付方式的文档，这里就不再赘述支付成功回调时利用out_trade_no字段查询订单订单签名的方法如下，当返回的数据包中prepayid有值时，签名基本成功。

7.微信web开发者工具官网

ret = WxPay::Service.invoke_unifiedorder( body: , out_trade_no: , total_fee: , spbill_create_ip: , notify_url: , trade_type: JSAPI, openid: ) params = { prepayid: ret[prepay_id], noncestr: SecureRandom.hex(16) } r = WxPay::Service.generate_js_pay_req params render json: { ok: true, data: r }

8.微信开发者工具开发公众号网页

上述发起支付请求时需要openid来对应用户账号，小程序内支付和微信浏览器内支付获取用户openid以及实际调用支付的方式相去甚远 针对小程序支付场景，可先在小程序内发起wx.login 的请求，成功回调会携带一条code参数。

9.微信开发工具官网

在后端发起如下请求以获得openid https://api.weixin.qq.com/sns/jscode2session?appid=&secret=&js_code=&grant_type=authorization_code appid = WECHAT_APP_ID secret = WECHAT_APP_SECRET js_code = code

10.微信开发者工具教程实例

利用后端返回的数据包（res.data.data）及wx.requestPayment方法发起支付 wx.requestPayment(Object.assign(res.data.data, callback))

针对微信网页内支付场景，整体流程会复杂的多，首先需要在公众号设置的功能设置内将用来支付的网站添加为JS接口安全域名以及网页授权域名，同时在商户平台的开发配置下将网站的域名添加到JSAPI支付授权目录。

获取openid时需设置网页跳转逻辑 https://open.weixin.qq.com/connect/oauth2/authorize?appid=&redirect_uri=&response_type=code&scope=snsapi_base&state=123#wechat_redirect appid = WECHAT_APP_ID redirect_url = 网站域名 需urlencode (example: https%3a%2f%2fdomain.com)

此链接将携带code参数跳转回设置的redirect_url，code仅可使用一次，在后端做如下请求以获得openid https://api.weixin.qq.com/sns/oauth2/access_token?appid=&secret=&code=&grant_type=authorization_code appid = WECHAT_APP_ID secret = WECHAT_APP_SECRET code = code

前端通过如下请求发起支付，data为后端返回的数据包 WeixinJSBridge.invoke(getBrandWCPayRequest, data, (res) => { if (res.err_msg === get_brand_wcpay_request:ok) { // 支付成功 } else if (res.err_msg === get_brand_wcpay_request:cancel) { // 支付取消 } else if (res.err_msg === get_brand_wcpay_request:fail) { // 支付失败 } })

微信浏览器内的网页开发调试可使用微信开发者工具 在公众号网页打开需调试的网页，使用调试功能需要开发者在公众平台 => 开发者工具 => web开发者工具 添加账号 至此jsapi支付流程就走完了，欢迎同学们纠正补充。