198.Vue.js智能扫码点餐系统（三十二）【JSSDK微信支付和H5支付区别、 JSSDK说明、以及获取appid、获取appsecret、获取商户账户、获取商户(微信支付)】2019.04.01

0、知识点

• JSSDK微信支付（本次开发采用微信支付）
• H5支付
• 获取 appsecret、获取商户账户、获取商户 key

1、JSSDK/ JSAPI支付

• 用户通过微信扫描二维码，在微信内进入商家的H5页面，并在微信内调用JSSDK完成支付

• 开发文档：https://pay.weixin.qq.com/wiki/doc/api/index.html

2、什么是JSSDK？

• 可以让微信里面的web页面有能力调用原生的API（调用原生API的能力比微信小程序差一些）
• 开发文档：https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115
• 通过使用微信JS-SDK，网页开发者可借助微信高效地使用拍照、选图、语音、位置等手机系统的能力，同时可以直接使用微信分享、扫一扫、卡券、支付等微信特有的能力，为微信用户提供更优质的网页体验。
  

3、获取 appid appsecret 和商户号 商户key

• 微信公众号里面获取appid appsecret （找到：基本配置）

    appid:直接获取
    appsecret  点击重置会生成一串数字字母组合的字符串 （保存）
  

• 商户ID和商户Key如何获取：

    商户ID:申请完成支付以后  邮件里面可以看到  或者点击 微信支付里面可以看到
  
    商户key:需要登录商户平台   账户中心->api安全->设置** （32位密码 自己随便写   注意设置完成保存）
  
    
    微信商户平台:https://pay.weixin.qq.com
  

• 商户ID：
  

• 获取商户key

  • 登录微信商户平台:https://pay.weixin.qq.com
    

• 设置并保存 API **

  • 设置地址：
  • https://pay.weixin.qq.com/index.php/account/api_cert
  • 具体步骤：
  • https://jingyan.baidu.com/article/75ab0bcbbf7034d6864db2c3.html
  • 设置的时候可能会提示你安装证书
    
    
    

4、H5支付

• H5支付是指商户在微信客户端外的移动端网页展示商品或服务，用户在前述页面确认使用微信支付时，商户发起本服务呼起微信客户端进行支付。