低代碼開發,快速對接微信支付

目標:

在微信的網頁內實現微信支付功能,達到下單的目的;html

實現環境:

白碼低代碼平臺:https://www.bnocode.com/product.html
使該平臺提供的API實現微信支付功能,可直接調用,減小了大量調試工做的時間前端

平臺語言:

node.jsnode

準備工做:

  1. 一個微信公衆號管理員帳號
  2. 一個微信支付帳戶
  3. 系統中準備好產品和訂單數據表

實現步驟:

1.搭建一個簡單的自定義頁面,主要用於下單功能;
低代碼開發,快速對接微信支付
2.建立一個API和一個webhook,用於發起支付和回調支付;(根據官方的說明,發起微信支付的API會返回一個配置JSON,用於前端發起支付)
低代碼開發,快速對接微信支付
低代碼開發,快速對接微信支付
低代碼開發,快速對接微信支付
低代碼開發,快速對接微信支付
3.搭建一個下單功能,功能中會調用發起支付的API,前端頁面會調用該功能,設定該功能返回值爲API返回的參數,前端使用該返回值發起支付;
低代碼開發,快速對接微信支付
4.回到前面建立好的自定義頁面,編寫下單功能的代碼,思路是:獲取當前微信用戶的openid(發起支付所需參數),調用建立訂單的功能發起微信支付,獲取功能返回值,使用返回值調用支付;
低代碼開發,快速對接微信支付
5.發起支付後,會一直觸webhook,webhook請求體中包含支付的訂單號和支付結果,須要根據訂單號和結果更新對應訂單的狀態,回到webhook,繼續編寫更新訂單狀態的代碼;
低代碼開發,快速對接微信支付
6.測試效果,我經過詢問客服,獲取到了一個有特定格式的連接,微信進入這個連接後,前端就能夠獲取到openid了,也就能夠進行微信支付了;
低代碼開發,快速對接微信支付
低代碼開發,快速對接微信支付web

相關文章
相關標籤/搜索