一、場景介紹
在微信內打開網頁時，可以調用微信支付完成下單購買的流程。
步驟（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 微信網頁授權域名設置