1.H5微信支付
后台會返回一個URL,前端直接跳轉就OK(需要你傳給后台一個ip,必須保證在同一域名下)
使用window.location.href =res.data;進行頁面跳轉到支付界面(res.data)為后台返回的鏈接,
2.微信公眾號支付
為了喚起支付,首先這里需要我們做兩件事,第一去配置jsapi域名,第二配置微信網頁授權的回調域名,。
構建微信授權的url : https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect

(code說明 : code作為換取access_token的票據,每次用戶授權帶上的code將不一樣,code只能使用一次,5分鍾未被使用自動過期。
)
用戶微信登錄授權以后回調過來的URL 會攜帶兩個參數 ,第一個是code,另一個就是 state(所傳的參數)。我們需要將code獲取到然后傳給后端,后端通過code 獲取用戶基本信息。
后端得到code 以后,獲取用戶基本信息,並返回相關其他信息給前端,前端獲取到然后做其他事。
獲取code:
然后使用getQueryString("code")便可以獲取到code,再傳給后台:
通過code獲取后台返回的信息喚起支付就OK了。
注意的是, https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect進行支付頁面定向,要注意vue開發的路由帶#問題