Comment effectuer le paiement par code scan WeChat dans uniapp

uniapp est un framework de développement multiplateforme qui peut être utilisé pour développer des applications iOS, Android et Web. Lors du développement d'une applet ou d'une application WeChat, vous devez ajouter la fonction de paiement WeChat. Cet article explique comment implémenter le paiement par scan code WeChat dans uniapp.

1. Postuler à WeChat Pay

Tout d'abord, vous devez vous inscrire et postuler à WeChat Pay. Pour le processus de candidature, veuillez vous référer aux documents officiels de WeChat Pay. Après une demande réussie, vous pouvez obtenir divers certificats, clés et autres informations nécessaires au paiement WeChat.

2. Installez le plug-in uni-pay

Dans uniapp, vous devez installer le plug-in uni-pay pour utiliser la fonction de paiement WeChat. Ouvrez HBuildX, sélectionnez le marché du plug-in, recherchez et sélectionnez le plug-in uni-pay à installer.

3. Créer une demande de paiement

Dans la page où le paiement est requis, ajoutez un bouton de paiement Lorsque vous cliquez sur le bouton de paiement, une demande est envoyée au serveur, les paramètres de paiement sont obtenus, le QR code de paiement est généré. et affiché sur la page. L'exemple de code est le suivant :

uni.request({
  url: 'https://api.example.com/pay.php',
  data: {
    // 微信支付必需参数
    appid: 'wx8888888888888888', // 公众账号ID
    mch_id: '1900007811', // 商户号
    body: '商品名称', // 商品描述
    out_trade_no: '202001010101', // 商户订单号
    total_fee: 88, // 总金额
    spbill_create_ip: '127.0.0.1', // 终端IP
    notify_url: 'https://api.example.com/notify.php', // 通知地址
    trade_type: 'NATIVE' // 交易类型
  },
  success: function(res) {
    // 生成二维码
    let imageUrl = res.data.code_url;
    // 将imageUrl放到<image src="{{ imageUrl }}"></image> 标签中
  }
})

4. Notification du résultat du paiement

Lorsque l'utilisateur scanne le code QR de paiement et termine le paiement, il recevra une notification du résultat du paiement. Côté serveur, il est nécessaire de développer une interface permettant de recevoir les notifications de résultat de paiement, de vérifier la validité des notifications reçues et de mettre à jour le statut de la commande. L'exemple de code est le suivant :

$input_data = file_get_contents("php://input");
$data = json_decode($input_data, true);
if (isset($data['transaction_id'])) {
  // 支付成功
  // 更新订单状态
  // 返回通知
  echo json_encode([
    'return_code' => 'SUCCESS',
    'return_msg' => 'OK'
  ]);
} else {
  // 支付失败
}

5. Résumé

Ce qui précède est le processus de base de mise en œuvre du paiement par scan code WeChat dans uniapp. Il convient de noter que l'interface de paiement WeChat implique des informations sensibles, la sécurité des données doit donc être assurée lors du développement. Afin d'éviter des problèmes tels que des soumissions répétées, une certaine logique de traitement doit être ajoutée à la page de paiement. Grâce aux étapes ci-dessus, les développeurs peuvent implémenter rapidement et facilement la fonction de paiement par code QR WeChat dans uniapp.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!