スケーラブルなZoho CRMウィジェット開発フレームワーク
Zoho CRMコンサルティングチームは、各拡張機能でプロジェクトの足場を重複させることなく、複数のカスタムCRMウィジェットを構築、テスト、デプロイするためのスケーラブルなフレームワークを必要としていました。
プロジェクトを相談する
課題
Zoho CRMウィジェットの構築は反復的で断片化されていました:
- 各ウィジェットには独自のプロジェクト構造、マニフェスト、ビルド設定が必要でした
- ウィジェット間で共有ユーティリティやコンポーネントがありませんでした
- ローカル開発では、CRM SDK互換性のため手動でHTTPSサーバーを設定する必要がありました
- デプロイ用のウィジェットパッケージ化には手動でのZIP作成が伴いました
- 新しいウィジェットを追加すると、既存プロジェクトのボイラープレートを重複させることになりました
私たちのソリューション
共有ユーティリティ、自動スキャフォールディング、ローカルHTTPS開発サーバー、そしてワンコマンドビルドパッケージングを備えたマルチウィジェットワークスペースフレームワークを構築しました。
アーキテクチャ
- ウィジェットアプリケーション: 共有ワークスペースに整理された個々のウィジェットソース
- 共有ユーティリティ: 全てのウィジェットがアクセスできる共通コード
- 開発サーバー: ローカルCRM SDKテスト用の自己署名証明書を備えたHTTPSサーバー
- ビルドシステム: ウィジェットごとのZIPパッケージ化のための自動スクリプト
- スキャフォールディング: テンプレートから新しいウィジェットのボイラープレートを生成するCLIツール
- マニフェスト: 全てのウィジェット宣言用の一元化されたマニフェスト
開発ワークフロー
- スキャフォールド — スキャフォールディングツールを実行して、全てのボイラープレートを含む新しいウィジェットを生成します
- 開発 — HTTPS開発サーバーでウィジェットのHTML/JSを編集し、CRMサンドボックスでライブテストします
- テスト — Zoho Embedded App SDKを介してCRMサンドボックスにウィジェットがロードされます
- ビルド — パッケージングスクリプトがデプロイ可能なZIPアーティファクトを作成します
- デプロイ — ZIPファイルをZoho CRM Extensionパイプラインにアップロードします
ウィジェット機能
このフレームワークは、以下の様々なCRMモジュールに埋め込まれるウィジェットの構築に使用されました:
- アクションをトリガーするためのボタンウィジェット(テンプレートの送信、ワークフローの起動)
- アコーディオン/リストUIで関連レコードを表示するデータ表示ウィジェット
- CRMを外部マイクロサービスと接続する統合ウィジェット
- CRMレコードを相互参照するためのクエリ機能を備えたウィジェット
主な機能
- マルチウィジェットワークスペース — 共有依存関係を持つ単一プロジェクト内の全てのウィジェット
- 自動スキャフォールディング — ワンコマンドでテンプレートから新しいウィジェットを生成
- HTTPS開発サーバー — CRM SDK互換性のあるローカルテスト
- ワンコマンドビルド — ウィジェットごとの自動ZIPパッケージング
- 共有コード — 全てのウィジェットで利用可能な共通ユーティリティ
- i18nサポート — 多言語ウィジェットのための国際化統合
- 一元化されたマニフェスト — 全てのウィジェットメタデータのための単一設定
成果
技術スタック
caseStudyDetail.more ケーススタディ
その他の技術実装事例をご覧ください
Catant HR & ワークフォース管理プラットフォーム
Catantは、企業が従業員、給与計算、勤怠、およびコンプライアンスを単一のダッシュボードから管理できるよう支援する、モジュラー型のHRおよびワークフォース管理プラットフォームです。
Kickly: AIを活用したスタートアップ向けプロジェクトプラットフォーム
Kicklyは、AIを活用したスタートアップ向けプロジェクト管理プラットフォームです。スマートなタスク自動化、チームコラボレーション、リアルタイムの進捗追跡を一つの製品に統合しています。
よくある質問
MicrocosmWorksは、共有認証、データ取得、状態管理、およびUIコンポーネントを提供する再利用可能なウィジェット開発フレームワークを作成しました。これにより、新しいZoho CRMウィジェットを数週間ではなく数日で構築できます。フレームワークがない場合、各ウィジェットは重複したボイラープレートコード、一貫性のないエラー処理、および異なるユーザーインターフェースを伴って個別に開発されるため、ウィジェットのポートフォリオが3つまたは4つ以上のツールに増えると、メンテナンスの負担になります。
MicrocosmWorks は、Zoho CRM SDK の初期化、OAuth トークンの管理、および自動再試行とエラー処理を伴う API コールのラッピングを処理する集中認証モジュールをフレームワーク内に構築しました。ウィジェット開発者は、トークン更新、接続スコープ設定、または Zoho CRM の組み込みウィジェット環境が導入する様々な認証の特殊なケースに対処することなく、単に認証モジュールをインポートして型付けされた API メソッドを呼び出すだけで済みます。
はい、MicrocosmWorksは、異なるCRMモジュール間でフィールドアクセスを正規化するモジュールに依存しないデータアダプターを使用してフレームワークを設計しました。そのため、単一のウィジェットコードベースは、適切なフィールドマッピングを使用すれば、リード、連絡先、取引、またはカスタムモジュールの詳細ページでレンダリングできます。フレームワークは、どのモジュールコンテキストで実行されているかを検出し、コード変更ではなく、構成レイヤーを介してデータクエリと表示ロジックを自動的に調整します。
MicrocosmWorksは、開発、ステージング、および本番のZohoインスタンス向けに環境固有の設定を用いて、ウィジェットをZoho CRM拡張機能としてビルド、テスト、パッケージ化するCI/CDパイプラインを実装しました。このフレームワークには、ロールアウト中に複数のウィジェットバージョンが共存できるようにするバージョン管理システムが含まれており、管理者はフレームワークの管理インターフェースにある簡単なトグルを通じて、ユーザーグループごとにどのバージョンをアクティブにするかを制御できます。
MicrocosmWorksは、Zoho CRM ウィジェットフレームワークを$15~$35/時の料金で構築しています。初期フレームワークへの投資は、通常、2~3個の個別ウィジェットを構築する費用に相当します。このフレームワークは、4つ目のウィジェットから費用対効果を発揮し始めます。それ以降の各ウィジェットは共有インフラストラクチャを活用し、ゼロから構築する場合と比較して開発時間が60~70%削減されるため、CRM機能の拡張にかかる継続的なコストを大幅に削減できます。