一、什麼是JSAPI支付
JSAPI支付是指商戶通過調用微信支付提供的JSAPI接口,在支付場景中調起微信支付模塊完成收款。
應用場景有:
線下場所:調用接口生成二維碼,用戶掃描二維碼後在微信瀏覽器中打開頁面後完成支付
公衆號場景:用戶在微信公衆賬號內進入商家公衆號,打開某個主頁面,完成支付
PC網站場景:在網站中展示二維碼,用戶掃描二維碼後在微信瀏覽器中打開頁面後完成支付
我們這裏採用的是PC網站場景。
二、準備工作
1、申請入口:登錄商戶平臺-->產品中心-->我的產品-->支付產品-->jsapi支付
2、瀏覽開發文檔:https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_3,這裏面幾乎介紹了全部流程。
3、在微信公衆平臺和微信商戶平臺拿到或配置一下參數:
appid:公衆平臺的appid
商戶號:公衆平臺的商戶號
appsecrut:商戶平臺裏的簽名密鑰(這個要保存好,現在不支持查看,忘了就得重新配置了)
商戶支付密鑰Key:api_key 審覈通過後,在微信發送的郵件中查看
a、微信商戶平臺(pay.weixin.qq.com)設置您的JSAPI支付支付目錄,設置路徑:商戶平臺-->產品中心-->開發配置
b、在公衆平臺設置網頁授權域名(開發JSAPI支付時,在統一下單接口中要求必傳用戶openid,而獲取openid則需要您在公衆平臺設置獲取openid的域名,只有被設置過的域名纔是一個有效的獲取openid的域名,否則將獲取失敗)
三、下單流程:
和H5支付的區別:H5支付的時候調用https://api.mch.weixin.qq.com/pay/unifiedorder 接口,即爲支付,這裏是預支付(可參考H5支付的代碼)
接下來,回到這裏:https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_7&index=6 在微信瀏覽器裏面打開H5網頁中執行JS調起支付
在jsapi預支付的過程中和H5支付的區別爲:
1,trade_type不同->MWEB-H5支付,JSAPI -JSAPI支付
2,jsapi支付的時候需要傳遞openid,用戶在商戶appid下的唯一標識。openid如何獲取參考:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140842
首先需要獲取到code值:
(補充以下鏈接參數訪問之後,地址發生改變,其中就有code值,,,其中code值無法直接將地址從地址欄中粘貼出來,alert("頁面首部展示路徑 : "+$location.absUrl())會看出來有值)
參考鏈接(請在微信客戶端中打開此鏈接體驗):
scope爲snsapi_base
https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx520c15f417810387&redirect_uri=https%3A%2F%2Fchong.qq.com%2Fphp%2Findex.php%3Fd%3D%26c%3DwxAdapter%26m%3DmobileDeal%26showwxpaytitle%3D1%26vb2ctag%3D4_2030_5_1194_60&response_type=code&scope=snsapi_base&state=123#wechat_redirect
獲取到code之後即可根據code值獲取到openid
public String getOpenId(String code, String appId){
String openId ="";
String secret =Config.getValue("weixin.appsecret");
log.error("appid:______________"+appId);
log.error("SECRET:______________"+secret);
String url = "https://api.weixin.qq.com/sns/oauth2/access_token?" + "appid=" + appId
+ "&secret=" + secret
+ "&code="+ code
+ "&grant_type=authorization_code";
//http連接
HttpClient client = new HttpClient();
GetMethod method = new GetMethod(url);
client.getParams().setContentCharset("UTF-8");
method.setRequestHeader("ContentType","application/x-www-form-ACCESS_TOKEN_OPENIDencoded;charset=UTF-8");
try {
client.executeMethod(method);
String SubmitResult =method.getResponseBodyAsString();
log.debug("------openId請求----------------"+SubmitResult);
Map map=new HashMap();
map = (Map)(new ObjectMapper()).readValue(SubmitResult, Map.class);
openId = (String) map.get("openid"); //獲取openID
String errcode = String.valueOf((Integer) map.get("errcode")); //獲取錯誤碼
log.error("【獲取openId的具體內容】 : "+SubmitResult);
log.debug("【openId請求---errcode】 : "+errcode);
log.debug("【openId請求---openId】 : "+openId);
} catch (HttpException e) {
e.printStackTrace();
} catch (IOException e) {
e.printStackTrace();
}
return openId;
}