Maison > interface Web > uni-app > Comment appeler le paiement WeChat dans uniapp

Comment appeler le paiement WeChat dans uniapp

WBOY
Libérer: 2023-05-26 13:52:09
original
7393 Les gens l'ont consulté

Avec la popularité du paiement mobile, le paiement WeChat est de plus en plus utilisé sur les terminaux mobiles. Lors du développement de certaines applications mobiles, de nombreux développeurs intégreront les fonctions de paiement WeChat pour permettre aux utilisateurs de payer en ligne. Le paiement WeChat peut également être intégré dans des applications développées sur la base d'uniapp. Voyons comment uniapp appelle le paiement WeChat.

1. Obtenez d'abord les paramètres de paiement WeChat

Avant d'appeler le paiement WeChat, vous devez obtenir les informations sur les paramètres de paiement WeChat et générer un numéro de commande unique. L'obtention des paramètres de paiement WeChat nécessite d'appeler l'interface backend. Nous supposons que les paramètres renvoyés par l'interface incluent les paramètres suivants :

Parameter name Type Description
appId string WeChat. développeur L'appId de la plateforme, utilisé pour la vérification de la signature de paiement
nonceStr string Chaîne aléatoire, utilisée pour la vérification de la signature de paiement
timeStamp string Timestamp, utilisée pour la vérification de la signature de paiement
package string La valeur du paramètre prepay_id renvoyée par l'interface de commande unifiée, utilisée pour lancer le paiement WeChat
signType string type de signature, prend actuellement en charge MD5 et HMAC-SHA256, la valeur par défaut est MD5

Après avoir obtenu ces paramètres, le front-end doit les transmettre à l'interface de paiement WeChat.

2. Appelez le paiement WeChat

Dans uniapp, pour appeler le paiement WeChat, il vous suffit d'appeler l'API fournie par uniapp. Le code API est le suivant :

uni.requestPayment({
    provider: 'wxpay',
    timeStamp: payParams.timeStamp,
    nonceStr: payParams.nonceStr,
    package: payParams.package,
    signType: payParams.signType,
    paySign: payParams.paySign,
    success: function (res) {
        console.log('支付成功');
    },
    fail: function (res) {
        console.log(res);
        console.log('支付失败');
    }
});
Copier après la connexion

Il est à noter que payParamscode> est le paiement L'objet paramètre a été obtenu précédemment. Ici, vous devez le passer en paramètre à la fonction <code>uni.requestPayment(). De plus, le paramètre provider doit être défini sur wxpay, indiquant l'utilisation du paiement WeChat. payParams为支付参数的对象,在前面已经获取到。这里需要将其作为参数传递给uni.requestPayment()函数中。另外,provider参数需要设置为wxpay,表示使用微信支付。

在成功调用uni.requestPayment()后,微信支付页面会自动打开,用户可以在该页面完成支付操作。如果用户支付成功,则success回调函数会被触发;如果用户支付失败,则会触发fail

Après avoir appelé avec succès uni.requestPayment(), la page de paiement WeChat s'ouvrira automatiquement et l'utilisateur pourra terminer l'opération de paiement sur cette page. Si le paiement de l'utilisateur réussit, la fonction de rappel success sera déclenchée ; si le paiement de l'utilisateur échoue, la fonction de rappel fail sera déclenchée.

3. Vérification du résultat du paiement

Une fois le paiement effectué par l'utilisateur, afin de garantir la sécurité du paiement, le résultat du paiement doit être vérifié. La méthode de vérification consiste à envoyer l'interface de commande de requête en arrière-plan pour obtenir l'état du résultat du paiement.

La manière d'envoyer des requêtes dans uniapp est très similaire à celle d'autres frameworks front-end, je n'entrerai donc pas dans les détails ici. Cependant, il convient de noter que le numéro de commande doit être transmis au backend dans l'interface de commande de requête. Le backend interroge le statut du résultat du paiement via le numéro de commande et renvoie les résultats au frontend. Si le résultat du paiement est réussi, cela signifie que la commande a été payée et que le développeur peut effectuer des opérations ultérieures sur le front-end.

Résumé :

Grâce aux étapes ci-dessus, nous pouvons intégrer très simplement la fonction de paiement WeChat dans uniapp. Cependant, il convient de noter que WeChat Pay exige que les développeurs s'inscrivent et s'activent d'abord sur la plateforme de développement WeChat, et qu'ils doivent générer des commandes et d'autres informations connexes sur leurs propres serveurs backend. Avec ces informations, nous pouvons accéder à la page de paiement sur le front-end et vérifier les résultats du paiement.

Lors du développement d'une applet ou d'une application mobile WeChat, si vous devez utiliser le paiement WeChat, vous pouvez l'implémenter selon le code de référence ci-dessus. 🎜

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal