1. 程式人生 > >H5 網站支付寶支付(前端部分)包含微信瀏覽器中的處理方法。

H5 網站支付寶支付(前端部分)包含微信瀏覽器中的處理方法。

手機網站喚起支付寶支付:

H5 網站實現支付寶支付是一個很常見的需求;
實現方式主要是在後臺配置和預支付,
前端需要做的就是喚起 支付寶App 然後就可以輸入密碼支付。
這個其實難度很低, 主要就是在後臺返回的簽名加上支付寶給的 基本訪問字首 拼接 URL 然後通過方法 window.location.href 方法開啟拼接後的 URL 即可喚起支付寶支付。

微信瀏覽器開啟網站使用支付寶支付:

這個比較坑爹,微信瀏覽器會當掉 支付寶的 URL 連結,只能去瀏覽器中開啟就可
1.一般直接通過 window.location.href 開啟拼接成的 URL 後直接在頁面開啟輸出很長一串字元讓使用者複製去瀏覽器中開啟這個體驗很差。
2.比較合適的做法是在頁面輸出字串的這個頁面不主動開啟 URL, 而是提醒使用者去手機瀏覽器中開啟此頁面,在頁面上顯示一個按鈕,
然後這個按鈕繫結一個方法來執行開啟 URL 的動作,即可完成完成繞過微信瀏覽器到 支付寶App支付。