Exercise3 Identity Serviceを使ってノンコーディングでログイン画面を作成してみよう！

Last updated at 2023-03-13Posted at 2020-05-19

はじめに

こちらの記事でIdentity Serviceの機能について説明していますが、今回は設定したIdentity Serviceをアプリ側から呼ぶ方法を説明したいと思います！

ノンコーディングで設定可能なので、是非活用してみてください

作成手順

Kony Fabricでの設定

まず、こちらの記事でご紹介している通りに、
Kony FabricでIdentity Serviceの作成を行います。

Create Newを選択し、Identity Service名とIdentity Serviceのタイプを選びます。今回は、Konyでログイン機能を実装するので、User Repositoryを選択します。

User Repositoryとは？
ユーザー名、パスワード等を登録するだけで簡易的な認証サービスを作成できる機能です。AdminsとMembersは、User Repositoryで利用できるデフォルトのグループです。デフォルトでは、すべてのユーザーは Members グループに関連付けられます。

作成できたら、ADD USERボタンをクリックしてログイン許可するアカウントを追加します。

必須項目のEmail/Username、First Name、Last Name、Passwordを入力し、
ADD USERボタンをクリックすればユーザー登録は完了です！

IdentityServiceの設定ができたので、アプリ側から呼び出せるようにPublishします。
ここまでで、Kony Fabricの説明は終わりです。

Kony Visualizerでの設定

次にKony Visualizerで画面の作成とIdentity Serviceの接続を行います。
まずは、Publishしたアプリとの接続をしてください。

詳しい接続方法については、前回の記事を見直しましょう！
▶︎Fabricの概要説明とAPIの作成方法 / VisualizerとFabricを接続する方法

次に画面の作成を行います。
今回は、ログイン画面と成功時の遷移先画面を作成しました。
form構造

ログイン画面

成功時画面

ログイン成功時、失敗時の動作を追加したいので、btnLoginにアクションの設定を行います。　　

Konyでは、ノンコーディングでIdentity Serviceを使ってログイン認証をすることができます。

Identity Service呼出のアクション

アクション設定画面で、Network APIsのInvoke Identity Serviceを選択

Select Serviceで作成したIdentity Serviceが一覧で出てくるため利用するものを選択します。

作成したIdentity Serviceが表示されない場合は？
Kony Fabricで作成したアプリがPublishされていない or　Kony Visualizerでアプリとの接続ができていない可能性がありますので、それぞれ設定されているか確認してみてください。
参考：https://qiita.com/Kony_Team/items/540996aa24fc17fd7b2f

今回は、PCLoginという名前で作成したため、PCLogin$loginを選択します。
ログイン・ログアウトどちらもノンコーディングで自動的に作成されるので、エンジニア経験がない人でも簡単にログイン機能に実装ができます！

Kony Fabricで設定したID,Passとアプリ側で入力した情報とを照合するため、
Invoke Identity Service内でマッピングを行います。
この時、ドラッグ&ドロップではなく、接続したいデータをそれぞれ一度だけクリックして接続を行ってください。
↓
マッピングが完了しました！
これで、アプリ側で入力された情報とIdentity Serviceで登録した情報との照合が可能になりました。