ホームページ > ウェブフロントエンド > uni-app > uniapp で QQ ログインをテストする方法

uniapp で QQ ログインをテストする方法

王林
リリース: 2023-05-26 09:59:38
オリジナル
938 人が閲覧しました

モバイル インターネットの発展に伴い、ユーザーの利便性とエクスペリエンスを向上させるために、サードパーティのログインを統合する必要があるアプリケーションがますます増えています。 QQ ログイン アクセスなど、一部の大規模なアプリケーションでは、これが必要になります。ユニアプリ開発において、QQ ログインアクセスの効果と機能をテストするにはどうすればよいですか?この記事では、uniapp が QQ ログインをテストする方法を次の側面に分けて紹介します。

1. テスト前の準備

QQ ログインテストを実施する前に、QQ Internet 公式 Web サイトに申請して appkey や appsecret などのパラメータを取得する必要があります。申請された申請情報が渡されましたので、確認してください。アプリケーションが完了したら、適用された appkey、appsecret、およびその他のパラメーターを後続のテストで使用するために保存する必要があります。

2. QQ ログイン機能をテストする

uniapp 開発では、uniapp が公式に提供する uni-login プラグインを使用して、サードパーティのログイン機能にすばやくアクセスできます。

  1. uni-login プラグインをインストールします

コマンド ライン ツールを開き、uniapp プロジェクトのルート ディレクトリを入力し、次のコマンドを入力して uni-login プラグインをインストールします。ログイン プラグイン:

npm install -S @dcloudio/uni-login
ログイン後にコピー

インストールが完了したら、後続の呼び出しのために uniapp の Pages.json に「pages/plugin/uni-login/authorize/authorize」ページを追加します。

  1. QQ ログイン コードの書き込み

uniapp 開発では、uni.login メソッドを通じて uni-login プラグインのログイン関数を呼び出して QQ を実装できます。ログイン機能。コードは次のとおりです。

uni.login({
    provider: 'qq',
    success: function (res) {
        console.log(res);
        uni.setStorageSync('token',res.code);
    }
});
ログイン後にコピー

このうち、プロバイダー パラメーターはサードパーティのログイン インターフェイスの名前であり、ここでは「qq」です。呼び出しが成功すると、ユーザーのログイン ステータス コード (res.code) を取得して、後で使用できるようにキャッシュに保存できます。

  1. QQ ログイン機能をテストする

QQ ログイン機能をテストするときは、使用している携帯電話に QQ クライアントがインストールされていることを確認し、プレビューまたはユニアプリの開発中に携帯電話を介してテスト用のアプリにパッケージ化します。 QQ ログイン関数を呼び出すと、QQ クライアントを開いて認証ログインを行うことができ、認証に成功すると、ユーザーの openid、トークンなどの情報が返されます。

QQ クライアントまたは QQ インターネット アカウントの設定が不完全であることが原因で、テスト中に認証エラーが発生する可能性があることに注意してください。関連する構成情報を確認してください。

3. QQ ログインの有効期限をテストする

QQ ログインが成功した後、トークン情報を保存し、必要な場合に使用する必要があります。ただし、QQ ログイン トークンには有効期限があるため、uniapp 開発で uni.checkSession を使用して有効期限をテストすることができます。

uni.checkSession({

success() {
    console.log('token未过期');
},
fail() {
   console.log('token已过期');
}
ログイン後にコピー

});

トークンの有効期限ステータスは、関数によって返された値をチェックすることで判断できます。

4. 概要

上記の方法により、QQ ログイン機能を迅速にテストし、ユニアプリ開発でトークンの有効期限をチェックして、ユーザーのログイン機能が正常に使用できることを確認できます。同時に、QQ ログイン機能にアクセスするときは、関連する構成情報を注意深くチェックして、インターフェイスが正しいことを確認する必要があります。

以上がuniapp で QQ ログインをテストする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート