alinPay_body.html 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
  6. <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
  7. <title>title</title>
  8. <link rel="stylesheet" type="text/css" href="../css/api.css"/>
  9. <style>
  10. body {
  11. }
  12. </style>
  13. </head>
  14. <body>
  15. <div id="app">
  16. <div v-on:click="regizeUser">
  17. 注册会员
  18. </div>
  19. <div v-on:click="getToken">
  20. 获取token
  21. </div>
  22. <div v-on:click="goOrder">
  23. 开始下单
  24. </div>
  25. </div>
  26. </body>
  27. <script type="text/javascript" src="../../script/api.js"></script>
  28. <script type="text/javascript" src="../../script/res.js"></script>
  29. <script type="text/javascript" src="../../script/vue.js"></script>
  30. <script type="text/javascript" src="../../script/jquery.min.js"></script>
  31. <script type="text/javascript">
  32. // apiready = function() {
  33. // };
  34. new Vue({
  35. el : '#app',
  36. data : {
  37. // 生产环境和测试环境
  38. dev_ip : 'http://test.allinpay.com/',
  39. pro_ip : 'https://qianbao.allinpay.com/',
  40. // 注册会员
  41. u : {
  42. url : 'h5pay/registerUser.do',
  43. mid : '008310148160135', // merchantId
  44. aid : 'TLF0001', // appid
  45. muid : '12434', // merchantUserId
  46. version : '1.0',
  47. at : '1', // 手机号取值1
  48. mno : '', // 账户类型 -- 需要使用通联公钥进行加密
  49. rs : 'H5', // 注册来源 -- 固定为h5
  50. rdt : '', // 请求时间,格式为日期格式:yyyyMMDDhhmmss
  51. sm : '', // 签名字符串,按照顺序进行md5加密
  52. },
  53. // 个人收银台
  54. o : {
  55. url : 'h5pay/index.do',
  56. }
  57. },
  58. methods : {
  59. init : function() {
  60. this.u.rdt = createTime("yyyyMMddHHmmss");
  61. // 将上面的数据sha1加密
  62. var data = "version=1.0&appId=" + this.u.aid + '&merchantId=' + this.u.mid + '&merchantUserId=' + this.u.muid + '&accountType=' + this.u.at + '&mobileNo=' + this.u.mno + '&registerSource=' + this.u.rs + '&requestDatetime=' + this.u.rdt;
  63. // 对data进行sha加密
  64. this.u.sm = sha1(data);
  65. },
  66. regizeUser : function() {
  67. },
  68. getToken : function() {
  69. },
  70. goOrder : function() {
  71. var url = this.o.url;
  72. var data = "?newVersion=1.0&pickupUrl=http%3A%2F%2Flocalhost&orderDatetime=20190705015517&orderAmount=100&merchantId=008310147330010&appId=TLA7991&signType=5&ext1=%3CUSER%3E190529550501262%3C%2FUSER%3E&orderNo=20190705015517&orderCurrency=0&merchantMobileNo=qU8dLq4sXou4ITt%2FQg4VYgtdiU6K90%2BA3dmlTihJ46WCHN5o5l2OglB3Ujui%2Bueun1qj65LYFIHRo%2Bzk6B0VFNRGpU%2Fpj0g%2FfJ2V3p0Alcv2pHs3e%2FkiOTRoTRp%2FJfBa9G5Kx3mzSU8f5H3SXNhlQX7m020QHw1DzLppCVmTblE%3D&version=1.0&receiveUrl=http%3A%2F%2F47.103.199.33%3A3333&inputCharset=1&merchantUserId=11300000011&signMsg=HwBNG5nYqCDP8Ze3zfY5z8LJ6Y6VH74m83BZUDjwopd814zv4jOURDQ1dVHG%2BpRwcU0cHm7gPN10e6hvR%2F40DXyVCgMm2ETrRgL2taQQctbyR27Rjgsr9QMrWMM%2FKv0689Ve1p0%2BBfmWIPtYsFiCPaTZ6cB59RkZ9ZccGAQPqg038hYV2PXwk29T6V48tGMIfDBdSh3JgsSH4g4slXTZK%2FbRsYKlINDxg%2BPlF1x834J0A3Z3%2FlOsUdMPxUthCK%2BTjk8bFUfD8MU6ZmvKHvooPb5kjCLDhhF7psrPIXIjLzuQNzYc0XvL3YeJeWI4K1aRrekypJX0dHVGPZ1UiAw00g%3D%3D";
  73. // window.location.href = "http://test.allinpay.com/h5pay/index.do?newVersion=1.0&pickupUrl=http%3A%2F%2Flocalhost&orderDatetime=20190705015517&orderAmount=100&merchantId=008310147330010&appId=TLA7991&signType=5&ext1=%3CUSER%3E190529550501262%3C%2FUSER%3E&orderNo=20190705015517&orderCurrency=0&merchantMobileNo=qU8dLq4sXou4ITt%2FQg4VYgtdiU6K90%2BA3dmlTihJ46WCHN5o5l2OglB3Ujui%2Bueun1qj65LYFIHRo%2Bzk6B0VFNRGpU%2Fpj0g%2FfJ2V3p0Alcv2pHs3e%2FkiOTRoTRp%2FJfBa9G5Kx3mzSU8f5H3SXNhlQX7m020QHw1DzLppCVmTblE%3D&version=1.0&receiveUrl=http%3A%2F%2F47.103.199.33%3A3333&inputCharset=1&merchantUserId=11300000011&signMsg=HwBNG5nYqCDP8Ze3zfY5z8LJ6Y6VH74m83BZUDjwopd814zv4jOURDQ1dVHG%2BpRwcU0cHm7gPN10e6hvR%2F40DXyVCgMm2ETrRgL2taQQctbyR27Rjgsr9QMrWMM%2FKv0689Ve1p0%2BBfmWIPtYsFiCPaTZ6cB59RkZ9ZccGAQPqg038hYV2PXwk29T6V48tGMIfDBdSh3JgsSH4g4slXTZK%2FbRsYKlINDxg%2BPlF1x834J0A3Z3%2FlOsUdMPxUthCK%2BTjk8bFUfD8MU6ZmvKHvooPb5kjCLDhhF7psrPIXIjLzuQNzYc0XvL3YeJeWI4K1aRrekypJX0dHVGPZ1UiAw00g%3D%3D";
  74. api.openFrame({
  75. name: 'demo',
  76. url: "http://test.allinpay.com/h5pay/index.do?newVersion=1.0&pickupUrl=http%3A%2F%2Flocalhost&orderDatetime=20190705015517&orderAmount=100&merchantId=008310147330010&appId=TLA7991&signType=5&ext1=%3CUSER%3E190529550501262%3C%2FUSER%3E&orderNo=20190705015517&orderCurrency=0&merchantMobileNo=qU8dLq4sXou4ITt%2FQg4VYgtdiU6K90%2BA3dmlTihJ46WCHN5o5l2OglB3Ujui%2Bueun1qj65LYFIHRo%2Bzk6B0VFNRGpU%2Fpj0g%2FfJ2V3p0Alcv2pHs3e%2FkiOTRoTRp%2FJfBa9G5Kx3mzSU8f5H3SXNhlQX7m020QHw1DzLppCVmTblE%3D&version=1.0&receiveUrl=http%3A%2F%2F47.103.199.33%3A3333&inputCharset=1&merchantUserId=11300000011&signMsg=HwBNG5nYqCDP8Ze3zfY5z8LJ6Y6VH74m83BZUDjwopd814zv4jOURDQ1dVHG%2BpRwcU0cHm7gPN10e6hvR%2F40DXyVCgMm2ETrRgL2taQQctbyR27Rjgsr9QMrWMM%2FKv0689Ve1p0%2BBfmWIPtYsFiCPaTZ6cB59RkZ9ZccGAQPqg038hYV2PXwk29T6V48tGMIfDBdSh3JgsSH4g4slXTZK%2FbRsYKlINDxg%2BPlF1x834J0A3Z3%2FlOsUdMPxUthCK%2BTjk8bFUfD8MU6ZmvKHvooPb5kjCLDhhF7psrPIXIjLzuQNzYc0XvL3YeJeWI4K1aRrekypJX0dHVGPZ1UiAw00g%3D%3D",
  77. rect: {
  78. x:0,
  79. y:50,
  80. w:api.frameWidth,
  81. h:api.frameHeight
  82. }
  83. });
  84. },
  85. /* ajax 请求 */
  86. startAjax : function(u, d, c) {
  87. $.ajax({
  88. type : "GET",
  89. url : this.dev_ip + u,
  90. data : d,
  91. dataType : "json",
  92. success : function(data) {
  93. // alertJson(data);
  94. }
  95. });
  96. },
  97. // 生成时间戳
  98. },
  99. mounted : function() {
  100. this.init();
  101. }
  102. })
  103. function alertJson(str) {
  104. alert(JSON.stringify(str));
  105. }
  106. </script>
  107. </html>