一、场景介绍

        在微信内打开网页时，可以调用微信支付完成下单购买的流程。

步骤（1）：进入商户网页。

步骤（2）：进入商户网页，点”立即充值”。

步骤（3）：调起微信支付控件，用户开始输入支付密码。

步骤（4）：密码验证通过，支付成功。商户后台得到支付成功的通知。

 

二、           部署环境要求

1、 已备案的域名

2、 云服务器（80端口）

  

三、           开发步骤

（一）设置支付目录

请确保实际支付时的请求目录与后台配置的目录一致（现在已经支持配置根目录，配置后有一定的生效时间，一般5分钟内生效），否则将无法成功唤起微信支付。

在微信商户平台（pay.weixin.qq.com）设置您的JSAPI支付支付目录，设置路径：商户平台-->产品中心-->开发配置，如图7.7所示。JSAPI支付在请求支付的时候会校验请求来源是否有在商户平台做了配置，所以必须确保支付目录已经正确的被配置，否则将验证失败，请求支付不成功。

 

图7.7 微信JSAPI支付-支付目录配置

（二）设置授权域名

开发JSAPI支付时，在统一下单接口中要求必传用户openid，而获取openid则需要您在公众平台设置获取openid的域名，只有被设置过的域名才是一个有效的获取openid的域名，否则将获取失败。具体界面如图7.8所示：

 

图7.8 微信网页授权域名设置

源码下载