Ensemble de serveur de paiement WeChat mini programme WeChat

Théoriquement, tout le travail d'intégration du paiement WeChat peut être effectué du c?té du mini programme, car le mini programme js a la capacité d'accéder au réseau, mais pour le bien de sécurité, les clés sensibles ne sont pas exposées et vous pouvez utiliser la démo php officielle prête à l'emploi pour économiser plus d'efforts, vous complétez donc la signature et lancez la demande c?té serveur, et l'applet se connecte uniquement à un wx.requestPayment ( OBJET).

Le processus d'intégration global est similaire à JSAPI et APP. Passez d'abord une commande de manière unifiée, puis utilisez les résultats renvoyés pour demander le paiement.

Un total de trois étapes?:

1. L'applet échange le code renvoyé par wx.login contre openid 2. Le serveur passe une commande à WeChat 3. L'applet initie le paiement

Préparez ces choses à l'avance?:

APPID = 'wx426b3015555a46be';
MCHID = '1900009851';
KEY = '8934e7d15453e97507ef794cf7b0519d';
APPSECRET = '7813490da6f1265e4901ffb80afaa36f';

PHP SDK, le lien de téléchargement est à la fin de l'article

Les 1er et 4ème éléments sont quand candidature au mini-programme Les 2ème et 3ème éléments ont été obtenus lors de la demande de paiement WeChat. Notez que les 3ème et 4ème éléments se ressemblent, mais sont en fait deux choses. La confusion des deux entra?nera un échec de signature.

Passez une commande sur WeChat et obtenez le prepay_id

1 Créez un contr?leur et importez la classe WxPay.Api.php

<?php
require_once __DIR__ . &#39;/BaseController.php&#39;;
require_once __DIR__ . &#39;/../third_party/wxpay/WxPay.Api.php&#39;;
 
class WXPay extends BaseController {
  function index() {
  }
}

Vous pouvez faire des demandes d'accès via index.php/wxpay

2 Modifier le fichier de configuration WxPay.Config.php

et le modifier pour demander vous-même la clé correspondante

. 3. Implémenter la méthode d'index

function index() {
//     初始化值對象
    $input = new WxPayUnifiedOrder();
//     文檔提及的參數(shù)規(guī)范：商家名稱-銷售商品類目
    $input->SetBody("靈動(dòng)商城-手機(jī)");
//     訂單號(hào)應(yīng)該是由小程序端傳給服務(wù)端的，在用戶下單時(shí)即生成，demo中取值是一個(gè)生成的時(shí)間戳
    $input->SetOut_trade_no('123123123');
//     費(fèi)用應(yīng)該是由小程序端傳給服務(wù)端的，在用戶下單時(shí)告知服務(wù)端應(yīng)付金額，demo中取值是1，即1分錢
    $input->SetTotal_fee("1");
    $input->SetNotify_url("http://paysdk.weixin.qq.com/example/notify.php");
    $input->SetTrade_type("JSAPI");
//     由小程序端傳給服務(wù)端
    $input->SetOpenid($this->input->post('openId'));
//     向微信統(tǒng)一下單，并返回order，它是一個(gè)array數(shù)組
    $order = WxPayApi::unifiedOrder($input);
//     json化返回給小程序端
    header("Content-Type: application/json");
    echo json_encode($order);
  }

Remarque 1?: Le nonce_str mentionné dans le document n'est pas soumis, mais rempli par le sdk pour nous

Le. la source est WxPay.Api.php Ligne 55

$inputObj->SetNonce_str(self::getNonceStr());//隨機(jī)字符串

Explication 2?: le signe a également été aimablement donné à setSign La source est dans WxPay.Data.php ligne 111, dans MakeSign. ()

/**
  * 生成簽名
  * @return 簽名，本函數(shù)不覆蓋sign成員變量，如要設(shè)置簽名需要調(diào)用SetSign方法賦值
  */
 public function MakeSign()
 {
   //簽名步驟一：按字典序排序參數(shù)
   ksort($this->values);
   $string = $this->ToUrlParams();
   //簽名步驟二：在string后加入KEY
   $string = $string . "&key=".WxPayConfig::KEY;
   //簽名步驟三：MD5加密
   $string = md5($string);
   //簽名步驟四：所有字符轉(zhuǎn)為大寫
   $result = strtoupper($string);
   return $result;
 }

4. Appelez l'interface de connexion dans le mini programme pour obtenir l'openid

Faites une demande de connexion à WeChat, obtenez le code, puis soumettez le code en échange d'openId

wx.login({
     success: function(res) {
      if (res.code) {
       //發(fā)起網(wǎng)絡(luò)請求
       wx.request({
        url: 'https://api.weixin.qq.com/sns/jscode2session?appid=wx9114b997bd86f***&secret=d27551c7803cf16015e536b192******&js_code='+res.code+'&grant_type=authorization_code',
        data: {
         code: res.code
        },
        success: function (response) {
          console.log(response);
        }
       })
      } else {
       console.log('獲取用戶登錄態(tài)失??！' + res.errMsg)
      }
     }
    });

Depuis la console, vous pouvez voir que vous avez obtenu avec succès l'openid. Il ne reste plus qu'à le transmettre au serveur. c?té serveur, $this->input->post('openId ') En attente de collecte.

5. Le mini programme lance une demande à https://lendoo.leanapp.cn/index.php/WXPay pour passer une commande unifiée

//統(tǒng)一下單接口對接
      wx.request({
        url: 'https://lendoo.leanapp.cn/index.php/WXPay',
        data: {
          openId: openId
        },
        success: function (response) {
          console.log(response);
 
        },
            header: {
        'content-type': 'application/x-www-form-urlencoded'
    },
      });

et obtenez Les résultats suivants sont

{
 "appid": "wx9114b997bd86f8ed",
 "mch_id": "1414142302",
 "nonce_str": "eEICgYFuGqxFRK6f",
 "prepay_id": "wx201701022235141fc713b8f80137935406",
 "result_code": "SUCCESS",
 "return_code": "SUCCESS",
 "return_msg": "OK",
 "sign": "63E60C8CD90394FB50E612D085F5362C",
 "trade_type": "JSAPI"
}

à condition que https://lendoo.leanapp.cn soit déjà dans la liste blanche?:

6. Mini programme Appelez l'API de paiement

// 發(fā)起支付
var appId = response.data.appid;
var timeStamp = (Date.parse(new Date()) / 1000).toString();
var pkg = 'prepay_id=' + response.data.prepay_id;
var nonceStr = response.data.nonce_str;
var paySign = md5.hex_md5('appId='+appId+'&nonceStr='+nonceStr+'&package='+pkg+'&signType=MD5&timeStamp='+timeStamp+"&key=d27551c7803cf16***e536b192d5d03b").toUpperCase();
console.log(paySign);
console.log(appId);
wx.requestPayment({
  'timeStamp': timeStamp,
  'nonceStr': nonceStr,
  'package': pkg,
  'signType': 'MD5',
  'paySign': paySign,
  'success':function(res){
    console.log('success');
    console.log(res);
  }
});

pour tester le simulateur, un code QR appara?tra pour être scanné

Le le résultat est une erreur?:

errMsg:"requestPayment:fail"
err_code:2
err_desc:"支付驗(yàn)證簽名失敗"

la clé doit être ajoutée à la signature?! ! ! 'appId=' appId '&nonceStr=' nonceStr '&package=' pkg '&signType=MD5&timeStamp=' timeStamp "&key=d27551c7803cf16*e536b192d5d03b"Ceci est terminé.

Mais il n'y a aucune mention de clé dans le document

Capture d'écran du paiement réussi

Plus PHP?: WeChat Veuillez prêter attention au site Web PHP chinois pour des articles connexes sur des exemples détaillés d'intégration de serveur de paiement WeChat pour les mini-programmes et les téléchargements de code source?!