ivxを使用してモバイルアカウントを登録した経験の概要

場合によっては、機能を使用したり、情報を通常どおりに閲覧したりするために、ユーザーが登録してログインする必要があります。以前は、WeChat公式アカウントコンポーネントを追加して、WeChat環境でケースを開いてWeChat公式アカウントのログインを開始したり、ケースのタイプを選択したりできます。 WeChatミニプログラムを使用して、ミニプログラムにログインします。これら2つの方法に加えて、ivxは携帯電話番号の登録とログインの方法も提供します。今日は、携帯電話の登録とログインの具体的な操作について説明します。

1.ユーザーコンポーネントの
携帯電話の登録とログインでもユーザーコンポーネントを使用する必要があります。デフォルトのフィールドには、携帯電話番号、openID、unionID、メールボックスの4つのフィールドが含まれています。これらのフィールドは、ユーザーコンポーネントのログイン認証情報であり、いくつかの登録方法、ユーザーテーブルです。の各ユーザ情報は、1つのログイン方式にしか対応できず、変更することはできませんが、同時に他のユーザ情報を補助情報として取得できます。さらに、ケースごとにフィールドを追加することもできます。
ivxを使用してモバイルアカウントを登録した経験の概要
ivxを使用してモバイルアカウントを登録した経験の概要
2.登録プロセス
以下は携帯電話の登録プロセスの概略図であり、1つの登録操作を完了するには2つの検証が必要であることがわかります。1つ目は画像の検証です。このステップでは、画像IDを一意の識別子として使用します。サーバーは、ユーザーから返された画像IDを使用してデータベースで正しい答えを見つけ、検証が成功したかどうかを判断します。同時に、ユーザーは返されたメッセージに携帯電話番号を追加する必要もあります。これにより、検証が成功した後、サーバーは携帯電話の検証コードを直接送信できます。最後に、ユーザーは携帯電話検証コードと登録情報を一緒にサーバーに送信し、携帯電話検証コードは登録情報をユーザーコンポーネントに書き込んで登録を完了します。
ivxを使用してモバイルアカウントを登録した経験の概要
3.
携帯電話とメールボックスタイプのログインでは、アカウントを登録した後、ユーザーはユーザー名(携帯電話番号またはメールボックス)とパスワードを手動で入力してログインを開始できます。さらに、ユーザーが1回ログインすると、バックグラウンドで現在のユーザーのログイントークンがhttpのみのCookie(つまり、バックグラウンドサービスによって設定されたCookie)を介してクライアントブラウザに保存されます。アプリケーションが初期化されるときに、このログイントークンを使用できます。現在のユーザーに関する情報を取得します。したがって、ユーザーが手動でCookieを消去しない限り、ユーザー名とパスワードを再度入力しなくても、アプリケーションの初期化時に自動的にログインできます。
ivxを使用してモバイルアカウントを登録した経験の概要
ivxを使用してモバイルアカウントを登録した経験の概要
4.ケースモデル
1.初期自動ログイン
ホームページとして空白ページコンポーネントを追加する場合。このページが表示されたら、ユーザーコンポーネントに現在のユーザーの情報を取得させます。現在のユーザーが取得結果で匿名であり、ログインタイプが0(つまり、携帯電話番号ログイン)の場合、自動ログインが成功し、直接個人用ページにジャンプします。それ以外の場合は、ログイン/登録ページに移動して、ユーザーが手動でログインできるようにします。
ivxを使用してモバイルアカウントを登録した経験の概要
2.ログインおよび登録ページ
ログインモジュールと登録モジュールは、それぞれ2つのバナーコンポーネントを使用して構築されています。ifコンテナとテキスト変数「login / register」を介して表示するモジュールを選択します。ユーザーが「アカウントなし、登録に移動」または登録ボタンをクリックすると、登録が成功した後に変更されますテキスト変数の値。
ivxを使用してモバイルアカウントを登録した経験の概要
3.ログイン
ログインボタンをクリックして、ログインアクショングループを呼び出します。最初に、パスワードと携帯電話番号の2つの入力ボックスの内容が空かどうかを確認します。空の場合、ユーザーにプロンプ​​トが表示され、空でない場合、ユーザーコンポーネントは携帯電話のパスワードのログインとログインを開始します。成功すると、ユーザー情報がフォアグラウンド変数に保存され、個人用ページにジャンプします。失敗すると、アカウントが存在しない、パスワードが間違っているなど、失敗の理由が返されます。
ivxを使用してモバイルアカウントを登録した経験の概要
ivxを使用してモバイルアカウントを登録した経験の概要
4.登録
ユーザーがアカウントを持っていない場合は登録する必要があります。[アカウントなし、登録に移動]をクリックすると、最初にGet Picture Verificationアクショングループが呼び出され、ユーザーコンポーネントが画像と画像IDを送信してフォアグラウンドの変数に保存してから、ログインモジュールが非表示になっています。登録モジュールに切り替えてください。このとき、ユーザーは、ニックネーム、携帯電話番号、パスワード、画像確認コードの計算結果を入力した後、ボタンをクリックしてSMS確認コードを取得できます。
ivxを使用してモバイルアカウントを登録した経験の概要
ivxを使用してモバイルアカウントを登録した経験の概要
クリックすると、システムは以前に保存した画像IDとユーザーの計算結果をユーザーコンポーネントに送信します。送信が失敗した場合、失敗の理由を返してプロンプトを表示する必要があります。失敗の理由が画像検証コードエラーの場合は、画像検証コードを直接直接取得します。 ;送信が成功し、バックグラウンドで計算結果が正しいことが確認された場合は、送信したばかりの携帯電話番号にSMS確認コードを送信します。
ivxを使用してモバイルアカウントを登録した経験の概要
SMS確認コードを受け取ったら、SMS確認コードと登録情報を送信して、ユーザーコンポーネントが携帯電話の登録を開始できるようにします。登録が成功したら、ログインインターフェイスに直接ジャンプして、ログインボックスに登録した携帯電話番号を入力し、ユーザーがログインします。ユーザー情報が不完全であるか、登録が失敗した場合、ユーザーはそれに応じてプロンプトが表示されます。
ivxを使用してモバイルアカウントを登録した経験の概要
以上が携帯電話番号の登録・ログインの具体的な操作手順で、処理自体は複雑ではなく、メールボックス登録モデルを自分で作ってみることができます。実際、このタイプの機能モジュールの最も重要な部分は、ユーザーが特定のステップでミスをしたときにエラーの明確な原因を提供し、ユーザーが操作プロセスを完了するように導くことです。

おすすめ

転載: blog.51cto.com/14556317/2489728