本文主要包含hbuild mui,hbuild打包app,html5是不是hbuild,hbuild,hbuild下载等相关知识,教程希望在学习及工作中可以帮助到您
");
</div>
在公司的项目中,使用了微信支付,支付实际项目里面的支付流程和之前做原生app的时候是一样的。只是现在使用H5开发。
Hbuild是支持微信支付和支付宝支付的,虽说项目里只使用了微信支付,但是还是要研究一下支付宝支付的。
以前写《【iOS】集成支付宝支付/银联支付/微信支付》
那个时候遇见了很多坑,但是趟过去了,后面就好了。
看文档
在接触一个新的事物时,先看看官方的文档。
《支付插件配置》
这是配置支付环境。
《payment》
这是HTML5+的支付部分接口文档。
《支付错误码》
对着错误码可以方便我们调试。
《微信、支付宝支付那点事》
这个是网友写的经验,值得看看。
而我
我就是站在这些巨人的肩膀上面做了微信支付和支付宝支付,当然后台部分不是我做的。下面的代码也只能是Demo.
代码
- <html>
- <head>
- <meta charset="utf-8">
- <title>Hello MUI</title>
- <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
- <meta name="apple-mobile-web-app-capable" content="yes">
- <meta name="apple-mobile-web-app-status-bar-style" content="black">
- <!--标准mui.css-->
- <link rel="stylesheet" href="../css/mui.min.css">
- <link rel="stylesheet" href="../css/mui.css" />
- <link rel="stylesheet" href="../css/app.css" />
- <!--App自定义的css-->
- <style type="text/css">
- .head {
- margin-top: 10px;
- }
- .head img{
- width: 120px;
- height: 120px;
- margin-left: calc(50% - 60px);
- }
- .top {
- margin-top: 40px;
- }
- .weixin {
- width: 60px;
- height: 60px;
- margin-left: calc(50% - 30px);
- background: url(../images/icon-weixin.png);
- }