vue微信公眾號、H5微信支付


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開發的路由帶#問題

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM