【微信支付】公众号 JSAPI支付 HTML5(使用MUI前端框架)+WebApi 实现流程

必要参数： 

    1） AppID，AppSecret : 在微信公众号后台管理—>(菜单栏)开发 —> 基本设置

 

 

    2）商户号 ：在微信公众号后台管理—>(菜单栏)微信支付—> 商户号管理

      

 

     3）商户秘钥 ：在微信商户平台（可直接点击上图的“查看”）商户平台 —> 产品中心 —> 开发配置  

 

 

 

 基本配置：

      1）IP白名单：a.测试电脑的ip地址，b.存放WebApi的服务器电脑ip地址

    2）商户平台-->产品中心-->开发配置-->支付配置-->公众号支付：支付授权目录

  

注：  a.前端页面的地址 b.后台支付方法的地址(都是域名而不是IP)

 

 

 具体步骤：

    1）添加充值按钮

<div class="mui-content-padded" style="margin-top: 6%;">            
    <button id='login' class="mui-btn mui-btn-block mui-btn-primary">充值</button>
</div>

View Code