--- title: "はじめに" url: https://docs.catalyst.zoho.com/ja/tutorials/leadmanager-appsail/express/introduction/ description: "Lead Managerアプリケーションを構築し、AppSailにホスティングします。このアプリはCatalystコネクタを使用してZoho CRMアカウントに接続し、CRMのLeadsモジュールからリードの表示、作成、更新、削除を行うことができます。" last_updated: 2026-11-03T07:48:52Z service: All Services type: tutorial related_links: - name: "プロジェクトディレクトリ構造" url: /ja/cli/v1/project-directory-structure/introduction/ - name: "AppSail用Catalyst SDK" url: /ja/serverless/help/appsail/implement-catalyst-sdk/ --- # AppSailを使用したLead Managerアプリ ### はじめに このチュートリアルでは、**Lead Manager**という**Node.js Express**ウェブアプリケーションの構築方法を説明します。このウェブアプリを使用すると、[Zoho CRMアカウント](https://www.zoho.com/in/crm/)に接続し、組織内のリードを管理できます。CRMアカウントの[Leadsモジュール](https://help.zoho.com/portal/ja/kb/crm/sales-force-automation/leads)から、リードのアクセス、追加、編集、削除を直接行うことができます。 Zoho CRMへの接続は、[OAuth 2.0認証プロトコル](https://docs.catalyst.zoho.com/ja/api/oauth2/overview-and-terminology/#OverviewandTerminology)を使用して確立されます。*Lead Manager*アプリケーション用の`OAuth Access Token`を生成し、CRMデータへのアクセス接続を認可するために使用します。このチュートリアルでの認証要件は、[Embedded Authentication](https://docs.catalyst.zoho.com/ja/cloud-scale/help/authentication/native-catalyst-authentication/embedded-authentication/introduction/)を使用して処理されます。 また、CRMアカウントへのアクセスを管理するために[Catalyst Connector](https://docs.catalyst.zoho.com/ja/sdk/nodejs/v2/connectors/connectors/)も実装します。コネクタは`Access Token`の有効期限が切れるたびに`Refresh Token`を使用して自動的に更新し、クライアントとCRMアカウント間の常時接続を維持します。 これらのトークンは、[Zoho APIコンソール](https://api-console.zoho.com/)でクライアントアプリケーションを登録し、必要な認証情報を取得した後に生成できます。 クライアントアプリケーションは次のように表示されます： ![catalyst_tutorials_leadmanager_appsail_first_look](https://catalyst-docs-development.zohostratus.in/images/tutorials/leadmanager-appsail/catalyst_tutorials_leadmanager_appsail_first_look.webp) Lead Managerアプリケーションは、以下のCatalystサービスのコンポーネントを使用します： - [**Catalyst Serverless**](https://docs.catalyst.zoho.com/ja/serverless/): - [AppSail](https://docs.catalyst.zoho.com/ja/serverless/help/appsail/introduction/): 独立した*Node.js Express*アプリケーションをホスティングします。アプリのフロントエンドとバックエンドロジックを構築し、それらをバンドルしてAppSailにデプロイします。 - [**Catalyst CloudScale**](https://docs.catalyst.zoho.com/ja/cloud-scale/): - [Data Store](https://docs.catalyst.zoho.com/ja/cloud-scale/help/data-store/introduction/): ファンクションリソースが取得した`Refresh Token`と[CatalystユーザーのUserID](https://docs.catalyst.zoho.com/ja/cloud-scale/help/authentication/user-management/users/introduction/)を保存します。新しい`Access Token`を生成する必要があるたびに、ファンクションがこのテーブルから`Refresh Token`を取得します。 - [ZCQL](https://docs.catalyst.zoho.com/ja/cloud-scale/help/zcql/introduction/): クエリを使用して*Data Store*からデータを取得します。 - [Catalyst Authentication](https://docs.catalyst.zoho.com/ja/cloud-scale/help/authentication/introduction/): クライアントアプリケーションのログインページに標準のログインオプションに加えて[Zohoソーシャルログイン](https://docs.catalyst.zoho.com/ja/cloud-scale/help/authentication/social-logins/configuring-social-logins/#enable-zoho-social-login)を実装します。このチュートリアルでは[Embedded Authentication](https://docs.catalyst.zoho.com/ja/cloud-scale/help/authentication/native-catalyst-authentication/embedded-authentication/introduction/)タイプを実装します。 このアプリケーションの構築には、[Catalystウェブコンソール](https://console.catalyst.zoho.com)と[Catalyst Command Line Interface](https://docs.catalyst.zoho.com/ja/cli/v1/cli-command-reference/)（CLI）を使用します。 > **Info:** このチュートリアルでは、ファンクションおよびクライアントコンポーネントに含めるファイルのコードが提供されます。提供されたコードをコピーして、指示に従って適切なファイルに貼り付けるだけです。 ### アプリケーションアーキテクチャ Lead Managerアプリケーションのアーキテクチャを以下に示します： ![catalyst_tutorials_leadmnager_appsail_architecture_dig](https://catalyst-docs-development.zohostratus.in/images/tutorials/leadmanager-appsail/catalyst_tutorials_leadmnager_appsail_architecture_dig.webp) アプリケーションのワークフロー全体については、[フロントエンドロジックのコーディング](https://docs.catalyst.zoho.com/ja/tutorials/leadmanager-appsail/express/frontend-code)時に詳しく説明します。手順に沿って進める際に確認することをお勧めします。