OAuthApp統合ログイン、カスタムログイン、オープン認可機能を統合

OAuthApp は、フロントエンド Web プロジェクトを迅速に開発し、サーバーに公開するためのフロントエンド公開ツールです。
スクリプトライブラリの導入により、サーバー側 API の使用、ドメイン名のカスタマイズ、H5 のオンライン公開、サイトデータの独立した保存が可能になります。

元のリンク: https://docs.oauthapp.com/code_usersystem.html

OAuthApp 統合ログイン

OAuthApp は統合ログイン機能を提供し、開発者は簡単な構成でログイン、登録、パスワード取得などの機能を独自のアプリケーションシステムに統合できます。ログインリンク生成ツールを使用して効果をプレビューすることができ、統合ログインのパラメータの説明はこのドキュメントで参照できます。

携帯電話番号ログイン

1. Alibaba Cloud AccessKey 1の設定

2. Alibaba Cloud の SMS サービスを開き、SMS サービスの署名を申請します3および SMS テンプレートを作成します4

3. アプリケーション構成2 を開きます- 登録、パスワードの取得

SMS署名にAlibaba Cloudが承認した署名名3を記入します
Alibaba Cloud によって承認されたテンプレート CODE 4を登録済みアカウントに入力します- SMS テンプレート、パスワード回復 - SMS テンプレート
登録されたアカウントを確認します- 携帯電話番号とインターフェースの許可を確認する必要があります

WeChat アプレットスキャンコードログイン

1. アプリケーション構成を開きます。2 - OAuthApp 統合ログイン

「WeChat アプレットログインを有効にする」、インターフェース許可をオンにします。

2.デフォルトでは、OAuthApp アプレットが認証ログインに使用され、以下の手順 3 と 4 は無視できます。

3. 認証されたログインに独自のアプレットを使用する必要がある場合は、アプリケーション構成2 - WeChat アプレットを開きます。

WeChat ミニプログラムの ClientIDに WeChat ミニプログラムの公式 AppID を入力します。
WeChat ミニプログラムの公式 AppSecret をWeChat ミニプログラムの ClientSecretに入力します。

4. ミニプログラム終了リファレンスコード

DingTalk ログイン

1. アプリケーション構成2 - DingTalkを開きます

DingTalk 開発者ホームページの CropId をエンタープライズ IDに入力し、インターフェースの権限を確認します。
アプリの ClientIDに、作成したDingTalk アプリ5 AppKeyを入力します。
作成したDingTalkアプリ5の AppSecretをアプリのClientSecretに入力します。

2. アプリケーション構成2 - OAuthApp 統合ログインを開きます

「DingTalk ログインを有効にする」、「インターフェース許可」をチェックします。

WebIDログイン

1. アプリケーション構成を開きます。2 - OAuthApp 統合ログイン

「Web ID ログイン、インターフェース許可を有効にする」にチェックを入れます。

登録なし

場合によっては、ユーザーが登録できないようにすることが望ましい場合があります。

1. アプリケーション構成を開きます。2 - OAuthApp 統合ログイン

アカウント登録の禁止とインターフェース権限を確認する

サードパーティアカウントのログインのみを許可する

シナリオによっては、サードパーティプラットフォームのアカウントを使用したログインのみが許可される場合がありますが、アカウントパスワードログイン、電子メールまたは携帯電話番号によるログイン機能は提供されません。

1. アプリケーション構成を開きます。2 - OAuthApp 統合ログイン

「システムアカウントのログインとインターフェース権限を無効にする」にチェックを入れます

ウェルカムメールを送信する

ユーザーが正常に登録すると、システムはユーザーにウェルカム電子メールを自動的に送信します。

1. Alibaba Cloud 電子メールプッシュサービスを有効にし、送信ドメイン名を構成し、送信アドレスを設定します。

2. アプリケーション構成2 を開きます-- 登録、パスワードの取得

Alibaba Cloud AccessKey 1の構成
Alibaba Cloud によって作成された送信アドレスを次のアドレスに入力します:メールボックスの送信アカウント
「アカウントを登録する – ウェルカムメールを送信する」にチェックを入れます
登録アカウントを入力します- ウェルカムメールテンプレート

カスタム開発

柔軟なカスタム開発を追加する必要がある場合は、次のドキュメントを参照してください。

アカウントを登録

ユーザー名

アカウントとパスワードを使用してログインします。開発者はユーザーのアカウントとパスワードを渡す必要があり、検証が成功した後、サーバーはユーザーの access_token をフロントエンドに返します。

開発リファレンス	リンク
書類	チェック
API	チェック

電話番号

ユーザーは携帯電話番号を使用してログインできます。開発者はユーザーの携帯電話番号と検証コードを渡す必要があり、サーバーは検証に成功すると、ユーザーの access_token をフロントエンドに返します。

開発リファレンス	リンク
書類	チェック
API	チェック

電子メールアドレス

ユーザーは自分の電子メールアカウントを使用してログインできます。開発者はユーザーの電子メールアカウントとパスワードを渡す必要があり、サーバーは検証に成功すると、ユーザーの access_token をフロントエンドに返します。

開発リファレンス	リンク
書類	チェック
API	チェック

サードパーティの UnionID

ユーザーは、サードパーティプラットフォーム (WeChat、H5 Web ページ、QQ、Weibo、Facebook、GMail、Github、その他のサードパーティプラットフォームなど) のアカウントを通じてログインできます。開発者は、サードパーティのプラットフォームでユーザーの認証情報を渡す必要があり、サーバーが正常に検証した後、ユーザーの access_token をフロントエンドに返します。

開発リファレンス	リンク
書類	チェック
API	チェック

パスワードを取得する

忘れたパスワードを取得する機能をユーザーに提供します。

1. 開発者は、検証コードを受け取るために、ユーザーが送信した携帯電話番号または電子メールアドレスを渡す必要があります。

2. 新しいパスワードと受信した認証コードを入力し、認証に合格するとパスワードのリセットは成功です。

携帯電話でパスワードを取得する

開発リファレンス	リンク
書類	チェック
API	チェック

メールでパスワードを取得する

開発リファレンス	リンク
書類	チェック
API	チェック

ユーザーデータを開く

ユーザーデータを外部に公開する必要がある場合は、次の 2 つの方法を参照できます。

OAuthAppによる統合ログイン

外部アプリケーションは、ページを OAuthApp 統合ログインにリダイレクトします。ユーザーが正常にログインして承認を確認した後、システムはユーザーの access_token を外部アプリケーションに返します。

1. アプリ構成2 - セキュリティを開きます

2. access_token の受信を許可する URL をオープン認証 URL のホワイトリストに入力します(デフォルトまたは空白のまま、制限なしを意味します)。

オープンな認証インターフェイスを使用する

開発リファレンス	リンク
書類	チェック
API	チェック

ユーザーデータ管理

OAuthApp公開ツールを利用すると、ユーザーデータのインポートやエクスポートなどの以下の操作が可能になります。

ユーザー情報のクエリと編集
ユーザーの役割を設定する
ユーザーの注文を表示する
ユーザーアクセストークンを管理する
ユーザーデータのインポートとエクスポート
ユーザーデータをクリアする

Alibaba Cloud AccessKey: API を通じて Alibaba Cloud サービスを使用するための ID トークンであり、関連サービスは適切な設定があった場合にのみ使用できます。文書を表示する
アプリケーション構成: OAuthApp 公開ツールを使用して、アプリケーションの詳細パネルとアプリケーション構成パネルを順番に開きます。
SMS 署名の仕様: SMS サービスの署名は審査が必要であり、審査に合格した場合にのみ署名を使用できます。文書を表示する
ショートメッセージテンプレート仕様：ショートメッセージサービステンプレートは承認後にのみ使用可能です。文書を表示する
DingTalk アプリケーション: 企業内部アプリケーション、特定の構成はドキュメントで表示可能

ウェブサイトアドレス：https://www.oauthapp.com/

開発ドキュメント: https://docs.oauthapp.com/