Node.js實現支付寶H5支付

 

1、      創建支付應用

1.1、根據需要選擇接口類型，這里選擇支付應用。

 

1.2、選擇使用環境

 

1.3、簽約當面付（線下支付）

 

2、      使用alipay-sdk

2.1、 引入服務端SDK模塊

npm i alipay-sdk

 

2.2、 配置app信息

var AlipaySdk = require('alipay-sdk').default;

var aliService = require("../service/aliPay");

 

var alipaySdk = new AlipaySdk({

    appId: payConfig.ali.appId,

    privateKey: payConfig.ali.privateKey,

    alipayPublicKey: payConfig.ali.publicKey,

});

 

• appId: String 開放平台上創建應用時生成的 appId
• privateKey: String 應用私鑰
• alipayPublicKey: String 支付寶公鑰，用於開放平台返回值的驗簽

 

2.3、 使用exec方法調用接口

alipaySdk.exec(method, params, options).then(result => {

    // console.log(result);

  })

參數說明：

• 必選
  • method: String 調用的 Api，比如 alipay.system.oauth.token
• 可選
  • params: Object Api 的請求參數（包含部分“公共請求參數”和“請求參數”）
    • bizContent: Object 可選項
      • 注意： 僅當 Api 文檔的“公共請求參數”列表中存在 biz_content時，才需要通過 bizContent 設置請求參數，否則應該通過 params 傳遞請求參數
    • options: Object 可選項
      • validateSign: Boolean 是否對返回值驗簽（依賴實例化時配置的”支付寶公鑰“），默認 false
      • formData: Object 文件上傳類接口的請求參數，，默認 null
      • log: Log 對象，存在時會調用 info、error 方法寫日志，默認 null 即不寫日志

• exec 返回值類型： Promise

例子：

let params = {bizContent: {

       outTradeNo: aliService.getRandomOrder(),

       subject:'水俠后付費取水',//交易標題

       totalAmount:money,//訂單金額    

       buyerId:req.session.user.openid,

}};

 

alipaySdk.exec(payConfig.ali.orderCreate,params).then(orderResult=>{                                               

show("訂單號"+order.tradeNo);                                           

 });

 

注意：

若接口文檔中公共參數中有biz_content參數，那業務參數全部放在biz_content中，詳見具體接口。

3、      H5支付

前端JS代碼

$(document).ready(function(){

        // 頁面載入完成后即喚起收銀台

        // 此處${tradeNO}為模板語言語法，要用字符串代替

        tradePay("${tradeNO}");

        // 點擊payButton按鈕后喚起收銀台

        $("#payButton").click(function() {

            tradePay("${tradeNO}");

        });

 

        // 通過jsapi關閉當前窗口，僅供參考，更多jsapi請訪問

        $("#closeButton").click(function() {

           AlipayJSBridge.call('closeWebview');

        });

     });

 

    // 由於js的載入是異步的，所以可以通過該方法，當AlipayJSBridgeReady事件發生后，再執行callback方法

    function ready(callback) {

         if (window.AlipayJSBridge) {

             callback && callback();

         } else {

             document.addEventListener('AlipayJSBridgeReady', callback, false);

         }

    }

 

    function tradePay(tradeNO) {

        ready(function(){

             // 通過傳入交易號喚起快捷調用方式

             AlipayJSBridge.call("tradePay", {

                  tradeNO: tradeNO

             }, function (data) {

                 if ("9000" == data.resultCode) {

                     alert("支付成功");

                 }

             });

        });

    }

 

響應說明：

 

 

4、      附錄

node.js配置服務端sdk教程：https://www.npmjs.com/package/alipay-sdk

 

當面付接入教程：https://docs.open.alipay.com/194

 

名詞解釋：

應用網關：用於接收支付寶異步通知，例如口碑開店中，需要配置此網關來接收 開發者門店被動通知。 
授權回調地址：第三方授權或用戶信息授權后回調地址。授權鏈接中配置的red...

 阿里雲服務器低至 1折86元/年