payjs前端发起jsapi支付的demo
| <html> | |
| <head> | |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | |
| <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> | |
| <meta name="apple-mobile-web-app-status-bar-style" content="black"> | |
| <meta name="format-detection" content="telephone=no"> | |
| <meta name="format-detection" content="email=no"> | |
| <meta name="apple-mobile-web-app-capable" content="yes"> | |
| <link href="https://cdn.bootcss.com/weui/1.1.2/style/weui.min.css" rel="stylesheet"> | |
| <script src="https://cdn.bootcss.com/zepto/1.2.0/zepto.min.js"></script> | |
| </head> | |
| <body style="padding:20px;"> | |
| <a href="javascript:;" class="weui-btn weui-btn_primary" id="payBtn">微信支付</a> | |
| </body> | |
| <script> | |
| if (typeof WeixinJSBridge == "undefined") { | |
| if (document.addEventListener) { | |
| document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false); | |
| } else if (document.attachEvent) { | |
| document.attachEvent('WeixinJSBridgeReady', onBridgeReady); | |
| document.attachEvent('onWeixinJSBridgeReady', onBridgeReady); | |
| } | |
| } | |
| function onBridgeReady() { | |
| WeixinJSBridge.call('hideOptionMenu'); | |
| } | |
| $('#payBtn').on('click', function () { | |
| WeixinJSBridge.invoke( | |
| 'getBrandWCPayRequest', { | |
| // 以下6个支付参数通过payjs的jsapi接口获取 | |
| // ************************** | |
| "appId": "wxc5205a653b0259ac", | |
| "timeStamp": "15100000000", | |
| "nonceStr": "9cJEu27X6KehHGM8", | |
| "package": "prepay_id=wx162234040923141245861167", | |
| "signType": "MD5", | |
| "paySign": "D64EF3ADBCA224E435D321619710C008" | |
| // ************************** | |
| }, | |
| function (res) { | |
| if (res.err_msg == "get_brand_wcpay_request:ok") { | |
| WeixinJSBridge.call('closeWindow'); | |
| } | |
| } | |
| ); | |
| }); | |
| </script> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment