實現微信內建瀏覽器線上支付簡單介紹
本章節簡單介紹一下如何實現微信內建瀏覽器線上支付功能。
這是微信的官方API文件微信API。
一.微信支付的準備工作:
申請公眾號,申請開通支付,這個很簡單,自行百度
申請好之後 在微信公眾平臺頁面的“微信支付”頁面中的“開發配置”Tab上配置“支付授權目錄”,“測試授權目錄”,“測試白名單”。
在微信公眾平臺頁面的“開發者中心”中找到“AppID(應用ID)”和“AppSecret(應用金鑰)”。
在商戶平臺中找到微信支付分配的商戶號,以及自己配置一個商戶支付金鑰。
二.具體步驟:
首先通過微信支付的api 獲得支付用的prepay_id,這裡需要用到上面提到的“AppID(應用ID)”,“AppSecret(應用金鑰)”,“微信支付分配的商戶號”,“商戶支付金鑰”以及其他的一些引數(具體參照微信開發文件)用MD5加密成簽名(第一次簽名)獲得prepay_id後,用prepay_id和一些其他引數(具體參照微信開發文件)用MD5加密成簽名(第二次簽名)然後在前端通過微信內建瀏覽器提供的js API,WeixinJSBridge.invoke來呼叫微信支付的彈出頁面,這裡需要用到上面的第二次的簽名。
三.具體程式碼如下:
[JavaScript] 純文字檢視 複製程式碼$.get('/xxx',function(data){ if(data && data !== ""){ var _data = $.parseJSON(data)[0]; if(parseInt(_data.userAgent) < 5){ alert('您的微信版本低於5.0,無法使用微信支付!'); return false; } WeixinJSBridge.invoke('getBrandWCPayRequest',{ 'appId': _data.appId, 'timeStamp': _data.timeStamp, 'nonceStr': _data.nonceStr, 'package': 'prepay_id=' + _data.packageOne, 'signType': _data.signType, 'paySign': _data.paySign },function(res){ if(res.err_msg === 'get_brand_wcpay_request:ok'){ alert('支付成功,返回訂單列表!'); }else if(res.err_msg === 'get_brand_wcpay_request:cancel'){ alert('取消支付!'); } }); } });
相關文章
- 用if條件語句來實現瀏覽器相容簡單介紹瀏覽器
- 區分微信內建瀏覽器瀏覽器
- 瀏覽器核心的種類簡單介紹瀏覽器
- 瀏覽器渲染頁面過程簡單介紹瀏覽器
- javascript for in語句瀏覽器相容問題簡單介紹JavaScript瀏覽器
- getBoundingClientRect()瀏覽器相容問題簡單介紹GCclient瀏覽器
- js獲取瀏覽器相關資訊簡單介紹JS瀏覽器
- javascript如何判斷內建的微信瀏覽器JavaScript瀏覽器
- 如何判斷微信內建瀏覽器(JS & PHP)瀏覽器JSPHP
- 實現微信搖一搖功能簡單介紹
- 相容各個瀏覽器的scrolltop屬性簡單介紹瀏覽器
- 實現瀏覽器跨域解決方案介紹瀏覽器跨域
- 瀏覽器核心介紹瀏覽器
- 專用IE瀏覽器的if判斷語句簡單介紹瀏覽器
- 使用谷歌瀏覽器進行斷點除錯簡單介紹谷歌瀏覽器斷點除錯
- QQ內建瀏覽器選單欄設定瀏覽器
- 瀏覽器fuzz框架介紹瀏覽器框架
- js判斷微信內建瀏覽器程式碼例項JS瀏覽器
- 瀏覽器將html程式碼渲染成頁面流程簡單介紹瀏覽器HTML
- 谷歌瀏覽器模擬進行移動端除錯簡單介紹谷歌瀏覽器除錯
- js判斷是否在微信內建瀏覽器中開啟JS瀏覽器
- 微信跳轉瀏覽器提示,微信瀏覽器中直接跳轉手機預設瀏覽器是怎麼實現的瀏覽器
- Edge瀏覽器的前世今生 史上最全Edge瀏覽器介紹瀏覽器
- 簡單介紹numpy實現RNN原理實現RNN
- 微信H5支付如何呼叫外部瀏覽器完成支付H5瀏覽器
- 瀏覽器的渲染原理簡介瀏覽器
- 瀏覽器快取機制介紹瀏覽器快取
- 解答!大象跳轉是如何實現微信H5支付呼叫外部瀏覽器完成支付的H5瀏覽器
- 怎麼檢測瀏覽器劫持,瀏覽器劫持的方法介紹瀏覽器
- Unity3d內建瀏覽器Unity3D瀏覽器
- 簡單介紹NMS的實現方法
- 微信瀏覽器內禁止頁面回退返回瀏覽器
- python內建函式的簡單使用和介紹Python函式
- 關於瀏覽器快取問題304響應狀態簡單介紹瀏覽器快取
- IE瀏覽器下js無法獲取隱藏圖片尺寸簡單介紹瀏覽器JS
- flutter 簡單實現瀏覽器H5粒子動畫Flutter瀏覽器H5動畫
- HTML5 之瀏覽器支援介紹HTML瀏覽器
- javascript實現繼承方式簡單介紹JavaScript繼承