Birthday Greetings App

はじめに

このチュートリアルでは、Birthday GreetingsというシンプルなReact Webアプリケーションの構築方法を説明します。このアプリケーションでは、同僚の誕生日にメールで送信する挨拶を設定できます。カスタム誕生日メッセージを設定し、指定した相手のメールアドレスに誕生日当日に送信するようスケジュールできます。

このアプリケーションでは、以下の操作が可能です：

• アプリケーションへのサインアップ/ログインを行い、カスタムロジックによるアクセス検証を含む一般的な認証プロセスを利用できます。
• 設定した誕生日の挨拶を作成、更新、削除、および管理できます。

アプリケーションのクライアント側は以下のように表示されます：

以下のリンクからアプリケーションの機能を確認できます：アプリを試す！

このチュートリアルのバックエンドロジックはNode.jsランタイムでコーディングされています。Birthday Greetingアプリケーションは、以下のCatalystサービスのコンポーネント機能を使用します：

1. Catalyst Serverless
   
   • Functions：バックエンドロジックは以下のファンクションタイプを使用してコーディングします：
     • Advanced I/O Function：クライアントとのやり取りおよびDynamic Cronの作成ロジックをこのファンクションにコーディングします。
     • Basic I/O Function：カスタムユーザー検証のロジックをこのファンクションにコーディングします。
     • Job Function：誕生日グリーティングを含むメールの送信をトリガーするロジックをこのファンクションにコーディングします。
2. Catalyst Cloud Scale
   
   • Data Store：グリーティングの作成およびスケジュール対象者の名前、カスタムメッセージ、誕生日、メールアドレスを保存します。
   • ZCQL：クエリを使用してData Storeからデータの投稿および取得を行います。
   • Authentication：Embedded Authenticationタイプを使用して、ユーザーがアプリケーションにサインアップまたはログインするための必要なログイン要素を実装します。
     • Whitelisting：Custom User Validation機能を使用してカスタム認証ロジックを実装します。
     • Email Templates：Email VerificationおよびForgot Passwordのメールテンプレートをカスタマイズします。
   • Mail：送信者のメールアドレスを確認し、指定した相手にメールを送信します。
   • Web Client Hosting：アプリケーションのフロントエンドをホストします。クライアントをReact appとして初期化および設定できます。
3. Catalyst Job Scheduling
   
   • Job Pool：誕生日グリーティングを含むメールの送信をトリガーするために必要なJob Functionを実行するファンクションジョブを実行します。
   • Cron：Dynamic Cronを使用してグリーティングメールの送信をスケジュールします。
   • Jobs：Job Poolから実行される際に必要なJob Functionをトリガーします。

このアプリケーションの構築には、Catalyst WebコンソールとCatalyst Command Line Interface（CLI）を使用します。

アプリケーションのワークフロー

Birthday Greetingsアプリケーションのワークフローを以下に示します：

1. アプリケーションにサインアップまたはログインします。
2. クライアント側のUI要素を使用して、カスタムメッセージの入力、誕生日グリーティングの送信日時のスケジュール、送信先の指定を行います。
3. これらの詳細はAdvanced I/O functionによって使用され、SDKを使用してDynamic Cronが作成されます。
4. スケジュールされた時刻に、Dynamic Cronがファンクションジョブプールにファンクションジョブを送信し、そこからファンクションジョブが実行されてJob Functionがトリガーされます。
5. Job FunctionはMail SDKを使用して、指定した相手に誕生日グリーティングを含むメールを送信します。

アプリケーションの全体的なワークフローは、クライアントロジックをコーディングする際により詳しく説明されます。手順に沿って進める際に確認することをお勧めします。