Maison  >  Article  >  interface Web  >  Comment tester la connexion QQ dans Uniapp

Comment tester la connexion QQ dans Uniapp

王林
王林original
2023-05-26 09:59:38916parcourir

Avec le développement de l'Internet mobile, de plus en plus d'applications doivent intégrer une connexion tierce pour améliorer le confort et l'expérience utilisateur. Pour certaines applications à grande échelle, telles que l'accès à la connexion QQ, cela est devenu nécessaire. Dans le développement uniapp, comment tester l'effet et la fonction de l'accès à la connexion QQ ? Cet article sera divisé selon les aspects suivants pour présenter comment Uniapp teste la connexion QQ.

1. Préparation avant le test

Avant d'effectuer le test de connexion QQ, vous devez postuler sur le site officiel de QQ Internet pour obtenir des paramètres tels que appkey et appsecret. Vous devez également vous assurer que les informations d'application appliquées ont réussi l'examen. . Une fois l'application terminée, vous devez enregistrer la clé d'application, l'appsecret et d'autres paramètres appliqués pour les utiliser dans les tests ultérieurs.

2. Testez la fonction de connexion QQ

Dans le développement uniapp, vous pouvez utiliser le plug-in uni-login officiellement fourni par uniapp pour accéder rapidement à la fonction de connexion tierce.

  1. Installez le plug-in uni-login

Ouvrez l'outil de ligne de commande et entrez dans le répertoire racine du projet uniapp, entrez la commande suivante pour installer le plug-in uni-login :

npm install -S @dcloudio/uni-login

Une fois l'installation terminée, ajoutez "pages/plugin" à la page pages.json de la page uniapp /uni-login/authorize/authorize" pour les appels ultérieurs.

  1. Écrire le code de connexion QQ

Dans le développement uniapp, vous pouvez appeler la fonction de connexion du plug-in uni-login via la méthode uni.login pour implémenter la fonction de connexion QQ. Le code est le suivant :

uni.login({
    provider: 'qq',
    success: function (res) {
        console.log(res);
        uni.setStorageSync('token',res.code);
    }
});

Parmi eux, le paramètre supplier est le nom de l'interface de connexion tierce, ici c'est "qq". Une fois l'appel réussi, le code d'état de connexion de l'utilisateur (res.code) peut être obtenu et stocké dans le cache pour une utilisation ultérieure.

  1. Testez la fonction de connexion QQ

Lorsque vous testez la fonction de connexion QQ, vous devez vous assurer que le téléphone mobile que vous utilisez dispose du client QQ installé et le tester via un aperçu du téléphone mobile ou un packaging dans une application pendant le développement d'uniapp. . Lorsque vous appelez la fonction de connexion QQ, vous pouvez ouvrir le client QQ pour une connexion autorisée. Si l'autorisation est réussie, l'openid, le jeton et d'autres informations de l'utilisateur seront renvoyés.

Il convient de noter qu'un échec d'autorisation peut survenir pendant les tests, ce qui peut être dû au fait que le client QQ ou le compte Internet QQ n'est pas entièrement configuré. Veuillez vérifier les informations de configuration pertinentes.

3. Testez le délai d'expiration de la connexion QQ

Une fois la connexion QQ réussie, les informations du jeton doivent être enregistrées et utilisées si nécessaire. Cependant, le jeton de connexion QQ a un délai d'expiration. Afin de tester le délai d'expiration, vous pouvez utiliser uni.checkSession pour vérifier le délai d'expiration du jeton dans le développement uniapp.

uni.checkSession({

success() {
    console.log('token未过期');
},
fail() {
   console.log('token已过期');
}

});

Le statut d'expiration du jeton peut être déterminé en vérifiant la valeur renvoyée par la fonction.

4. Résumé

Grâce aux méthodes ci-dessus, nous pouvons rapidement tester la fonction de connexion QQ et vérifier l'expiration du jeton dans le développement uniapp pour garantir l'utilisation normale de la fonction de connexion de l'utilisateur. Dans le même temps, lorsque vous accédez à la fonction de connexion QQ, vous devez vérifier soigneusement les informations de configuration pertinentes pour garantir l'exactitude de l'interface.

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!

Déclaration:
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