index.html 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>支付宝支付</title>
  6. <script src="https://gw.alipayobjects.com/as/g/h5-lib/alipayjsapi/3.1.1/alipayjsapi.min.js"></script>
  7. <style type="text/css">
  8. .btn {
  9. color: #666;
  10. background-color: #EEE;
  11. border-color: #EEE;
  12. font-weight: 300;
  13. font-size: 16px;
  14. font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  15. text-decoration: none;
  16. text-align: center;
  17. line-height: 40px;
  18. height: 40px;
  19. padding: 0 40px;
  20. margin: 0;
  21. display: inline-block;
  22. appearance: none;
  23. cursor: pointer;
  24. border: none;
  25. -webkit-box-sizing: border-box;
  26. -moz-box-sizing: border-box;
  27. box-sizing: border-box;
  28. -webkit-transition-property: all;
  29. transition-property: all;
  30. -webkit-transition-duration: .3s;
  31. transition-duration: .3s;
  32. }
  33. .btn-primary {
  34. font-family: "proxima-nova", Helvetica, Verdana, Arial, "Lucida Grande", sans-serif;
  35. font-weight: 500;
  36. line-height: 44px;
  37. height: 40px;
  38. background-color: #1B9AF7;
  39. border-color: #1B9AF7;
  40. color: #FFF;
  41. border-radius: 4px;
  42. }
  43. .content {
  44. height: 300px;
  45. border: 1px solid yellow;
  46. }
  47. </style>
  48. </head>
  49. <body>
  50. hello alipay
  51. <div id="content"></div>
  52. <div id="pay" class="btn btn-primary">在支付宝打开本页面</div>
  53. <h1>点击以下按钮唤起收银台支付</h1>
  54. <a id="orderstr" href="javascript:void(0)" class="btn btn-primary orderstr">订单串唤起支付</a>
  55. <script>
  56. document.getElementById('content').innerHTML += window.navigator.userAgent + "<br>";
  57. window.onload = function() {
  58. ready(function() {
  59. // document.getElementById('content').innerHTML += ("准备支付" + "<br>");
  60. document.getElementById('orderstr').addEventListener('click', function() {
  61. document.getElementById('content').innerHTML += ("开始支付" + "<br>");
  62. AlipayJSBridge.call("tradePay", {
  63. // "alipay_sdk%253Dalipay-sdk-java-4.9.5.ALL%2526app_id%253D2021002134689864%2526biz_content%253D%25257B%252522agreement_sign_params%252522%25253A%25257B%252522access_params%252522%25253A%25257B%252522channel%252522%25253A%252522ALIPAYAPP%252522%25257D%25252C%252522external_agreement_no%252522%25253A%252522uncc20210617155605827658404%252522%25252C%252522period_rule_params%252522%25253A%25257B%252522execute_time%252522%25253A%2525222021-06-17%252522%25252C%252522period%252522%25253A1%25252C%252522period_type%252522%25253A%252522MONTH%252522%25252C%252522single_amount%252522%25253A%2525220.1%252522%25257D%25252C%252522personal_product_code%252522%25253A%252522CYCLE_PAY_AUTH_P%252522%25252C%252522sign_notify_url%252522%25253A%252522https%25253A%25255C%25252F%25255C%25252Fpay.bol.wo.cn%25255C%25252Fcupay%25255C%25252FaliPaySignNotify%252522%25252C%252522sign_scene%252522%25253A%252522INDUSTRY%25257CAPP_STORE%252522%25257D%25252C%252522out_trade_no%252522%25253A%252522uncc20210617155605827658404%252522%25252C%252522passback_params%252522%25253A%252522120%252522%25252C%252522product_code%252522%25253A%252522CYCLE_PAY_AUTH%252522%25252C%252522subject%252522%25253A%252522%2525E6%25258A%252596%2525E9%25259F%2525B3%2525E8%2525A7%252586%2525E9%2525A2%252591%2525E5%2525BD%2525A9%2525E9%252593%252583%2525E5%25258C%25258512%2525E5%252585%252583%2525E8%2525BF%25259E%2525E7%2525BB%2525AD%2525E5%25258C%252585%2525E6%25259C%252588%252522%25252C%252522total_amount%252522%25253A%2525220.1%252522%25257D%2526charset%253DUTF-8%2526format%253Djson%2526method%253Dalipay.trade.app.pay%2526notify_url%253Dhttps%25253A%25252F%25252Fpay.bol.wo.cn%25252Fcupay%25252FaliPayNotify%2526sign%253DEw9ZlGnM%25252FcwNc4bzjIvEvwQVevcLy22gHh1r1eViDfV5k8m5wqZ%25252FRVGC%25252FZeoJjWc1jiRhvJDVSLrbKfAeVg1PHWu960YnrlfydYCysDpxYA2ccIBMMCmvy7bYn5P6vo0vkkvyoa5iJki1MVJINWyP6EuQZrOaWw74Q1oaBH7MMTuFOaT5OuXSaXfC4HjaonF%25252FNJ07WQyqpo%25252F0W%25252BuefOm23hud8srShqNKEGIrSprXjj2YjjsJYxvhGbdmGbv%25252FChXg2loSc%25252BWA5BWkX09%25252BtpTADwpNbCIcSowO0RnkSN%25252FqbZi46hy3HwZzADNWEBQer2jMDtCzeIGCj9A5Hmyx5A8yw%25253D%25253D%2526sign_type%253DRSA2%2526timestamp%253D2021-06-17%252B15%25253A56%25253A25%2526version%253D1.0&chInfo=ch_share__chsub_CopyLink
  64. // orderStr: "alipay_sdk=alipay-sdk-java-dynamicVersionNo&app_id=2021002134689864&biz_content=%7B%22subject%22%3A%22%E8%A7%86%E9%A2%91%E5%BD%A9%E9%93%83%E5%AE%9A%E5%90%91%E6%B5%81%E9%87%8F%E5%8C%85%22%2C%22out_trade_no%22%3A%22uncc202106041100170659340727%22%2C%22total_amount%22%3A%220.02%22%2C%22product_code%22%3A%22CYCLE_PAY_AUTH%22%2C%22agreement_sign_params%22%3A%7B%22personal_product_code%22%3A%22CYCLE_PAY_AUTH_P%22%2C%22sign_scene%22%3A%22INDUSTRY%7CMOBILE%22%2C%22external_agreement_no%22%3A%22uncc202106041100170881198191%22%2C%22access_params%22%3A%7B%22channel%22%3A%22ALIPAYAPP%22%7D%2C%22period_rule_params%22%3A%7B%22period_type%22%3A%22DAY%22%2C%22period%22%3A7%2C%22execute_time%22%3A%222021-05-25%22%2C%22single_amount%22%3A0.01%2C%22total_amount%22%3A600%2C%22total_payments%22%3A12%7D%2C%22sign_notify_url%22%3A%22http%3A%2F%2F61.50.245.229%3A9090%2Funionpay%2Fnypaysing%2Fzfbsignback%22%7D%7D&charset=UTF-8&format=json&method=alipay.trade.app.pay&notify_url=http%3A%2F%2F61.50.245.229%3A9090%2Funionpay%2Fnypaysing%2Fpayback&return_url=https%3A%2F%2F800.wo.cn%2Fs%2F&sign=GW7TumqO5UeNcTSHZ%2FnoArnKIIa%2B8Yhv8YbjxwgkRag%2FAOvmZw1RhfRwn08BKrPnUKmi4lTSXTWUZ2Lp8GUmZVY7IvMtv9xzjfwwxFWhBpMQmwXYCHDr3fZF4M833bcCnKtvu%2FMLaactxXWzTPMsrYpi3TKJdZcifogfZRaM%2BeZssL1E27L0bYBJDS7BOM67DJCloM3PYpsDyFLHoIPYVPpeRrSKfV%2FyZQ9%2BBeSjk3SD1ZrW83QjvvO0Tojh%2FlLnTVAvTizAKCg3EwNDv4KzGhmrO5i3aeuAm29JRYqnJu9Kk1bu2PaC9DMV3WhdGBVSc07rg%2BrmOxu3dFwJ4VS7rw%3D%3D&sign_type=RSA2&timestamp=2021-06-04+11%3A00%3A17&version=1.0"
  65. // orderStr: "timestamp=2016-12-27%2018%3A00%3A00&method=alipay.trade.app.pay&app_id=2014073000007292&sign_type=RSA&charset=utf-8&version=1.0&biz_content=%7B%22timeout_express%22%3A%2230m%22%2C%22seller_id%22%3A%222088411964605312%22%2C%22product_code%22%3A%22QUICK_MSECURITY_PAY%22%2C%22total_amount%22%3A0.01%2C%22subject%22%3A1%2C%22body%22%3A%22%E5%95%86%E5%93%81%E4%B8%AD%E6%96%87%E6%8F%8F%E8%BF%B0%E4%BF%A1%E6%81%AF%22%2C%22out_trade_no%22%3A%22ALIPAYTEST2016081622560194853%22%7D&sign=aueDw0PaUqVMvbiButPCmWy8VsNJIgNKRV4tDEz3mSgIpa5ODnZKVCd1GGCtu7hNzxnwLOiku%2BTRJUVM24aHkKWrdyBHECjkUBvrziWiZBESLCyJPwT1YHGnioRUhLvL1MqTTm85urPeqAUUir4UyxyWowHitjkxh3ru6nSLkLU%3D"
  66. // <form name="punchout_form" method="post" action="https://openapi.alipay.com/gateway.do?charset=UTF-8&method=alipay.trade.wap.pay&sign=lD%2F%2Fi6GLWe2Qq5oD%2BE2%2F38rYSGEMwKbTPVvXjTSZcxV2VrXi1GnOnfx0XhB3GY5beUUyGb6mCl7b%2Fa9%2FGJj6yIBJinupjLt10CgnV%2BtUd7Dz9M%2FEXaOi3Z9x7TWxUYzKNGjWYz8eEdea3uMJobAwNRyX6gX4rNha8VioDqnXw%2FFybaJlY0VORXIbPsCNkBCQFbyUpy95590yj%2Bv7P%2BNJMhLfz0j0EYV4LkXEShBIW2nfAlcjo9z68MFVfxD3SoubV4y8YWYHQtSNXyVsrD94CY7A%2F0S2130TJXJHEWhGoyohTuqkj6P0xcdpO6FN3rnncgT2a9y6ZcWRWwisBe0JOA%3D%3D&return_url=https%3A%2F%2Fpay.bol.wo.cn%2Fcupay%2FaliPayReturn&notify_url=https%3A%2F%2Fpay.bol.wo.cn%2Fcupay%2FaliPayNotify&version=1.0&app_id=2021002134689864&sign_type=RSA2&timestamp=2021-06-21+09%3A43%3A59&alipay_sdk=alipay-sdk-java-4.9.5.ALL&format=json"><input type="hidden" name="biz_content" value="{&quot;body&quot;:&quot;抖音视频彩铃包12元月包&quot;,&quot;out_trade_no&quot;:&quot;uncc20210621094336433166494&quot;,&quot;passback_params&quot;:&quot;120&quot;,&quot;product_code&quot;:&quot;QUICK_WAP_WAY&quot;,&quot;subject&quot;:&quot;抖音视频彩铃包12元月包&quot;,&quot;total_amount&quot;:&quot;0.1&quot;}"><input type="submit" value="立即支付" style="display:none" ></form>
  67. orderStr: "alipay_sdk=alipay-sdk-java-4.9.5.ALL&app_id=2021002134689864&biz_content=%7B%22agreement_sign_params%22%3A%7B%22access_params%22%3A%7B%22channel%22%3A%22ALIPAYAPP%22%7D%2C%22external_agreement_no%22%3A%22uncc20210617155605827658404%22%2C%22period_rule_params%22%3A%7B%22execute_time%22%3A%222021-06-17%22%2C%22period%22%3A1%2C%22period_type%22%3A%22MONTH%22%2C%22single_amount%22%3A%220.1%22%7D%2C%22personal_product_code%22%3A%22CYCLE_PAY_AUTH_P%22%2C%22sign_notify_url%22%3A%22https%3A%5C%2F%5C%2Fpay.bol.wo.cn%5C%2Fcupay%5C%2FaliPaySignNotify%22%2C%22sign_scene%22%3A%22INDUSTRY%7CAPP_STORE%22%7D%2C%22out_trade_no%22%3A%22uncc20210617155605827658404%22%2C%22passback_params%22%3A%22120%22%2C%22product_code%22%3A%22CYCLE_PAY_AUTH%22%2C%22subject%22%3A%22%E6%8A%96%E9%9F%B3%E8%A7%86%E9%A2%91%E5%BD%A9%E9%93%83%E5%8C%8512%E5%85%83%E8%BF%9E%E7%BB%AD%E5%8C%85%E6%9C%88%22%2C%22total_amount%22%3A%220.1%22%7D&charset=UTF-8&format=json&method=alipay.trade.app.pay&notify_url=https%3A%2F%2Fpay.bol.wo.cn%2Fcupay%2FaliPayNotify&sign=Ew9ZlGnM%2FcwNc4bzjIvEvwQVevcLy22gHh1r1eViDfV5k8m5wqZ%2FRVGC%2FZeoJjWc1jiRhvJDVSLrbKfAeVg1PHWu960YnrlfydYCysDpxYA2ccIBMMCmvy7bYn5P6vo0vkkvyoa5iJki1MVJINWyP6EuQZrOaWw74Q1oaBH7MMTuFOaT5OuXSaXfC4HjaonF%2FNJ07WQyqpo%2F0W%2BuefOm23hud8srShqNKEGIrSprXjj2YjjsJYxvhGbdmGbv%2FChXg2loSc%2BWA5BWkX09%2BtpTADwpNbCIcSowO0RnkSN%2FqbZi46hy3HwZzADNWEBQer2jMDtCzeIGCj9A5Hmyx5A8yw%3D%3D&sign_type=RSA2&timestamp=2021-06-17+15%3A56%3A25&version=1.0"
  68. }, function(result) {
  69. document.getElementById('content').innerHTML += ("支付完成," + JSON.stringify(result) + "<br>") + "<br>";
  70. // alert(JSON.stringify(result));
  71. });
  72. }
  73. );
  74. });
  75. }
  76. document.getElementById('pay').onclick = function() {
  77. if (window.navigator.userAgent.indexOf("Alipay") < 0) {
  78. //window.location.href = "alipays://platformapi/startapp?appId=20000067&url=" + encodeURIComponent(window.location.href)
  79. window.location.href = "alipays://platformapi/startapp?appId=20000067&url=" + encodeURIComponent("https://800.wo.cn/festivalchannel/back/monthrbt/index.html?fes=jin&sou=33")
  80. return;
  81. }
  82. }
  83. function ready(callback) {
  84. // 如果jsbridge已经注入则直接调用
  85. if (window.AlipayJSBridge) {
  86. document.getElementById('content').innerHTML += ("AlipayJSBridgeReady已经注册" + "<br>");
  87. callback && callback();
  88. } else {
  89. // 如果没有注入则监听注入的事件
  90. document.getElementById('content').innerHTML += ("AlipayJSBridgeReady开始注册" + "<br>");
  91. document.addEventListener('AlipayJSBridgeReady', callback, false);
  92. }
  93. }
  94. </script>
  95. </body>
  96. </html>