Workermanに基づいたWebスキャンログインを実装する方法

Web スキャン コード ログインの実装

Workerman に基づいて、困っている友人が参照できるようにスキャン コード ログインの例を作成しました。問題が見つかった場合は修正してください。

実装フローチャート

実行プロセス

①: ユーザー A が WeChat にアクセスしますWeb 版では、WeChat サーバーがこのセッションに対してグローバルに一意な ID を生成します (上記 URL の obsbQ-Dzag== がこの ID です)。この時点では、システムは訪問者が誰であるかを知りません。

②: ユーザー A は携帯電話で WeChat を開いて QR コードをスキャンし、ユーザーにログインの確認を求めます。

③: 電話の WeChat がログインしています。ユーザーがクリックしてログインを確認すると、電話の WeChat クライアントが WeChat アカウントとスキャンされた ID をサーバーに送信します。

④: サーバーこの ID をユーザー A の WeChat ID にバインドし、この ID に対応する WeChat ID がユーザー A であることを Web バージョンの WeChat に通知します。Web バージョンの WeChat はユーザー A の WeChat 情報をロードします。この時点で、QR コードをスキャンするプロセス全体が完了します。ログインが完了しました。

QR コードをスキャンしてログインするのは魔法のように見えます。主な理由は、WeChat APP で独自のコードをスキャンすると、通常の QR コード ソフトウェアでは実行できないいくつかの追加操作が実行されるためです。つまり、現在ログインしている WeChat とスキャンされたコードを組み合わせるということです。 one ID は WeChat サーバーに送信され、同様のアプリケーションには、QR コードをスキャンして支払い、QR コードをスキャンして公開アカウントを追加するなどの機能もあります。

上記のコンテンツはインターネットから取得したものです。

説明

workerman/gateway フレームワークに基づいて記述されており、Web サービスは Apache や nginx で置き換えることもできます。携帯電話でコードをスキャンする代わりに、コード スキャン ツールを使用します。URL を直接取得して別のブラウザ ウィンドウに配置して、QR コードのスキャン プロセスをシミュレートすることもできます。実稼働環境はアプリを使用してスキャンする必要があります。

サンプル ソース コードを入手します

https://github.com/wanglelecc/workerman-qrcode-login-for-win

サンプルを実行します (Win)

Windows の下にある login_start_for_win.bat をダブルクリックして

put 1 プレビュー画像:

# 注: これはアイデアを提供するための単なる例です。実際に使ってみると、まだまだ改善の余地がたくさんあります。

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