一、场景介绍
在微信内打开网页时，可以调用微信支付完成下单购买的流程。
步骤（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 微信网页授权域名设置