VTAP App Creator を使用した社内ブログ ツールの構築

今日のペースが速く相互接続された世界では、成功するチームには効果的なコミュニケーションが不可欠です。 書くことは、アイデアを翻訳し、フィードバックを提供し、得た知識を共有する上で重要な役割を果たします。 このプロセスを促進するには、チーム メンバーが投稿を作成および管理して簡単に共有できるブログ ツールが不可欠です。 この記事では、任意のクライアント側フレームワークを使用してさまざまなアプリを作成できる強力なツールである VTAP App Creator を使用して、最小限のブログ アプリケーションを構築する方法を説明します。

VTAP アプリクリエーターの概要

VTAP App Creator は、開発者が好みのクライアント側フレームワークを使用して幅広いアプリケーションを構築できるようにする多用途のプラットフォームです。 その柔軟性により、開発者は特定のニーズに合わせたカスタム アプリケーションを作成できるため、さまざまなプロジェクトに最適です。

要件を理解する

実装の詳細に入る前に、最小限のブログ ツールの要件を理解しましょう。 CRM ユーザーが他の人が簡単にアクセスできるブログ投稿を作成および管理できるアプリケーションが必要です。 ツールには次の機能が必要です。

  • ブログ投稿を作成および管理するためのユーザーフレンドリーなインターフェイス。
  • URL からアクセスできます: https://crm.url/myapps/blogs.
  • 特定のユーザーの投稿を表示するページ。次の URL からアクセスできます。 https://crm.url/myapps/blogs/#UserB.
  • ポストオーサリングを処理するためのプロジェクトとタスクのデータ構造。

ブログツールのデータマッピング

ブログツールのデータを効果的に整理するには、Vtiger CRMが提供する既存のプロジェクトモジュールとタスクモジュールを使用できます。 ポストオーサリングに適したものにするために、いくつかの変更を加える必要があります。

  • 「ブログ」という名前の新しいタスク タイプを追加します。
  • 「書き込み中」という新しいタスク ステータスを追加します。
  • Published という新しいタスク ステータスを追加し、Closed 状態としてマークします。

各ブログ投稿は、ユーザー ブログという名前のプロジェクトにリンクされたタスクとして表されます。 タイプがブログのすべてのタスクがこのプロジェクトにリンクされます。

実装手順

VTAP App Creator を使用して最小限のブログ アプリケーションを実装する手順を見てみましょう。

App Creator で VTAP アプリケーションを作成する

まず、App Creator で新しい VTAP アプリケーションを作成します。 これはブログ ツールの基盤として機能します。

ビューのセットアップ

ビュー/index.html ファイルに、アプリケーションのエントリ ポイントを設定します。 必要なアセットをロードし、#app DOM ノードを有効にします。

スタイルを定義する

リソース/index.css ファイルを使用して、Bootstrap および QuillJS スタイルシート ルールに基づいて、アプリケーションにシンプルでエレガントな外観を与えるスタイルを定義します。

VTAP カスタム アプリケーション ランタイム

CRM API と対話するには、VTAP カスタム アプリケーション ランタイムを リソース/vcap.js ファイルにソフトウェアを指定する必要があります。

クライアント側の開発

簡単にするために、クライアント側の開発には VueJS 2.x を使用します。 Web パックを必要とせずにコンポーネントを利用します。 アプリケーションの主なコンポーネントは次のとおりです。

  • user-blog: ユーザーのブログを表します。
  • blog-post: 単一のブログ投稿を表示します。
  • rich-textarea: ブログ コンテンツを作成するためのリッチ テキスト エディターを提供します。

Vuex を使用したデータ交換

Vuex パターンを使用して、コンポーネント間でデータを効果的に交換します。 これにより、アプリケーション内でのシームレスな通信とデータ管理が可能になります。

ページネーションのサポートを追加

投稿を管理するためのページネーションをサポートすることで、アプリケーションを強化します。 これにより、増え続けるブログ投稿の移動と整理が容易になります。

遅延読み込みページネーションの実装

パフォーマンスを最適化し、初期ロード時間を短縮するには、遅延ロードのページネーションを実装します。 これにより、アプリケーションはユーザーのスクロールに応じて投稿を動的にロードし、最初のページに表示されていない投稿を表示できるようになります。

結論

VTAP App Creator を使用して最小限のブログ ツールを構築することは、プラットフォームの機能を強力にデモンストレーションすることになります。 実装手順に従い、VTAP の機能を活用することで、開発者はチーム固有のニーズに合わせたカスタム アプリケーションを作成できます。

私たちが構築したブログ ツールは、より洗練されたアプリケーションの優れたスタート地点を提供し、開発者を VTAP を使用したアプリ構築の世界に紹介する基盤として機能します。 VTAP App Creator は、あらゆるクライアント側フレームワークに適応できる機能を備えており、創造的かつ効率的なアプリケーション開発の可能性の世界を開きます。

リポジトリからソースコードにアクセスできます こちら.

 
 
 

VTAP のお客様の使用例

 
 

カスタム アプリケーションの要件は、小売店の従業員向けにカスタマイズされたアプリを開発することです。 このアプリを使用すると、従業員はウォークイン見込み客を追跡し、見込み客を有償顧客に変換し、割り当てられたタスクを管理できるようになります。 顧客の電話番号または電子メール アドレスに基づいて既存の問い合わせ (取引) を検索し、存在する場合は未解決の問い合わせを表示する機能が必要です。 問い合わせが見つからない場合、アプリは顧客に興味のある製品を指定し、それに応じて CRM を更新するように求めます。 顧客が製品を選択すると、アプリは請求書を作成し、問い合わせをプッシュし、アカウント アプリケーションと同期します。 

さらに、アプリには小売店のエージェントに割り当てられたすべてのタスクを表示する「アクション」タブがあり、「ホーム」タブにはエージェントまたはそのチームに割り当てられたさまざまな部門のタスクが表示され、エージェントが効率的にタスクを完了できるようになります。

 

カスタム アプリケーションの要件は、小売店の従業員向けにカスタマイズされたアプリを開発することです。 このアプリを使用すると、従業員はウォークイン見込み客を追跡し、見込み客を有償顧客に変換し、割り当てられたタスクを管理できるようになります。 顧客の電話番号または電子メール アドレスに基づいて既存の問い合わせ (取引) を検索し、存在する場合は未解決の問い合わせを表示する機能が必要です。 問い合わせが見つからない場合、アプリは顧客に興味のある製品を指定し、それに応じて CRM を更新するように求めます。 顧客が製品を選択すると、アプリは請求書を作成し、問い合わせをプッシュし、アカウント アプリケーションと同期します。 

さらに、アプリには小売店のエージェントに割り当てられたすべてのタスクを表示する「アクション」タブがあり、「ホーム」タブにはエージェントまたはそのチームに割り当てられたさまざまな部門のタスクが表示され、エージェントが効率的にタスクを完了できるようになります。

 
 

近日公開 - プロセス デザイナーの「他のアクションの取得」タスク

 
 

CRM 機能は、プロセス デザイナーに他のレコードのフェッチ アクションを導入して、メイン レコードに加えて関連レコードに対してアクションを実行することで、自動化機能を強化することを目的としています。 ユーザーは、関連モジュールを選択し、メインレコードフィールドに基づいてレコードをフィルタリングするための条件を設定することで、高度な自動化フローを簡単に構成できます。 電子メールや SMS の送信などの後続のタスクは、取得したレコードに対して実行できます。 ただし、取得したレコードからトリガーされる電子メールまたは SMS の送信後にアクションを追加することはできません。 

一貫性を確保するには、ダウンストリーム タスクを追加する前に、ユーザーはモジュールを選択し、レコードのフェッチ アクションで条件を保存する必要があります。 レコードのフェッチ ノードが削除されると、後続のノードはすべてクリアされます。 

さらに、レコードの取得ステップでモジュールを変更すると、前のモジュールからマージ タグで構成された依存する電子メールまたは SMS タスクが削除され、潜在的な競合が回避されます。 この CRM 機能は、システム内の関連レコードに関係するさまざまな自動化のユースケースを管理するための柔軟かつ効率的な方法を提供します。

 

CRM 機能は、プロセス デザイナーに他のレコードのフェッチ アクションを導入して、メイン レコードに加えて関連レコードに対してアクションを実行することで、自動化機能を強化することを目的としています。 ユーザーは、関連モジュールを選択し、メインレコードフィールドに基づいてレコードをフィルタリングするための条件を設定することで、高度な自動化フローを簡単に構成できます。 電子メールや SMS の送信などの後続のタスクは、取得したレコードに対して実行できます。 ただし、取得したレコードからトリガーされる電子メールまたは SMS の送信後にアクションを追加することはできません。 

一貫性を確保するには、ダウンストリーム タスクを追加する前に、ユーザーはモジュールを選択し、レコードのフェッチ アクションで条件を保存する必要があります。 レコードのフェッチ ノードが削除されると、後続のノードはすべてクリアされます。 

さらに、レコードの取得ステップでモジュールを変更すると、前のモジュールからマージ タグで構成された依存する電子メールまたは SMS タスクが削除され、潜在的な競合が回避されます。 この CRM 機能は、システム内の関連レコードに関係するさまざまな自動化のユースケースを管理するための柔軟かつ効率的な方法を提供します。

 
 

サインアップして最新のアップデートを受け取りましょう!