マイクロチャネル決済機能アプレットフロントエンドプロセス

ちょうど（UNIアプリを使用して）参照の支払い機能コードの小さなフロントエンドプロセスおよび手順を共有します。 

 

 

    handleCreate（）{
       / * *最初のステップ：フロント、バックグラウンドに戻り商品倉庫と注文ID及びその他の情報に順序を作成する背景商品データを送信する* / 
      uni.request（{ 
        URL：「/ TestAPI / wxPay / INSERTを」   / / 作成オーダーインタフェース 
        方法： 'POST'は、
        データ：{ 
          OpenIDのは： 'のOpenIDは、通過するユーザを獲得' 、
          数： '数量' 、
          goodsId： '商品ID' 、
          goodsFee： '商品' 
        }、
        成功：RES => { 
          にconsole.log（ 'データ取得成功' ）
           、この.handlePayment（RES）
        }、
        不合格：ERR => { 
          にconsole.log（ERR）
        } 
      }）
    }、
    handlePayment（RES）{ 
      / * *第二工程、返品注文マーチャントIDジェネレータ背景線に従って* / 
      uni.request（{ 
        URL：「/ TestAPI / wxPay / unifiedorder '   // 受注インタフェース生成 
        方法：' POST ' 
        データ：{ 
          のOpenID： '通過し、ユーザーのOpenIDを取得し、
          totalFee：res.paidAmountは、// 商品価格は支払われ 
          たuid：RES。 UID // バックグラウンドレンダリング順序ID         }、
        成功：結果 => {
           / *
*第3のステップと、支払開始マイクロチャネル支払いインターフェース呼び出し* / {
          PARAMましょう = JSON.parse（結果）; 
          uni.requestPayment（{ 
            タイムスタンプ：param.timeStamp、
            nonceStr：param.nonceStr、
            パッケージ：param.package、
            signType：param.signType、
            paySign：param.paySign、
            成功：応答 => { 
              にconsole.log（ '支付成功' ）
            }、
            失敗：ERR => { 
              にconsole.log（ERR）
            } 
          }）
        }、
        失敗：ERR => 
          にconsole.log（ERR）
        }
      }）
    }