提示：當你看到這個提示的時候，說明當前的文章是由原emlog博客系統搬遷至此的，文章發佈時間已過於久遠，編排和內容不一定完整，還請諒解`
微信 JSAPI 支付
日期：2019-3-30 阿珏 折騰代碼 瀏覽：1883 次 評論：6 條
前段時間一直在做微信相關的業務，雖說不是什么新技術，但之前一直沒有機會接觸到，然後踩了些坑，抽空整理記錄下。
微信支付一共分為7種，分為是：付款碼支付、JSAPI支付、Native支付、APP支付、H5支付、小程序支付、人臉支付。
此次業務中使用到的是微信JSAPI支付：用戶通過微信掃碼、關注公眾號等方式進入商家H5頁面,並在 微信內 調用 JSSDK完成支付
文檔： https://pay.weixin.qq.com/wiki/doc/api/index.html
SDK： https://pay.weixin.qq.com/wiki/doc/api/micropay.php?chapter=11_1
JSAPI支付需要在微信中的瀏覽器打開才能喚起微信支付，效果如下圖
附上介面代碼
代碼中使用了模板引擎
html：
JavaScript： CSS部分 喚起微信支付，此處的js代碼僅在微信手機瀏覽器中生效
介面基於妹子UI，效果如下圖
PHP後端，創建本地訂單
回調類調用 注意：微信支付需要在後台配置一個微信支付授權目錄，其中的APPID等參數在微信支付後台可獲取到。
微信公眾號信息配置
APPID：綁定支付的APPID（必須配置，開戶郵件中可查看）
MCHID：商戶號（必須配置，開戶郵件中可查看）
KEY：商戶支付密鑰，參考開戶郵件設置（必須配置，登錄商戶平台自行設置）
設置地址：https://pay.weixin.qq.com/index.php/account/api_cert
APPSECRET：公眾賬號secert（僅JSAPI支付的時候需要配置， 登錄公眾平台，進入開發者中心可設置），
獲取地址：https://mp.weixin.qq.com/advanced/advanced?action=dev&t=advanced/dev&token=2005451881&lang=zh_CN
網友評論：
蘇寶寶 2 年前 (2019-04-06)
這要怎麼複製代碼呀 我想實戰操作下 求博主給個代碼的百度雲鏈接可否
@蘇寶寶：微信官方給的 SDK 中有調用示例，文章中只是基本的 html 代碼，複製去你也是沒辦法直接使用的，僅供參考
譯丶淺夏 2 年前 (2019-04-03)
表情包怎麼整合的，能不能出個教程大佬
@譯丶淺夏：這個有現成的插件，可以去搜一下，但是由於每個博客的模板都不一樣，得花點時間自己整上去
Ricky 2 年前 (2019-03-31)
前提是要有個可以開通支付的微信公眾號
楊小杰博客 2 年前 (2019-03-30)
朕已閱