Scalable Zoho CRM Widget Development Framework
A Zoho CRM consulting team needed a scalable framework for building, testing, and deploying multiple custom CRM widgets without duplicating project scaffolding for each extension.
ํ๋ก์ ํธ ์๋ดํ๊ธฐ
๊ณผ์
Building Zoho CRM widgets was repetitive and fragmented:
- Each widget required its own project structure, manifest, and build setup
- No shared utilities or components between widgets
- Local development required manual HTTPS server setup for CRM SDK compatibility
- Packaging widgets for deployment involved manual ZIP creation
- Adding new widgets meant duplicating boilerplate from existing projects
์ฐ๋ฆฌ์ ์๋ฃจ์
We built a multi-widget workspace framework with shared utilities, automated scaffolding, local HTTPS development server, and one-command build packaging.
Architecture
- Widget Apps: Individual widget source organized in a shared workspace
- Shared Utilities: Common code accessible by all widgets
- Dev Server: HTTPS server with self-signed certificates for local CRM SDK testing
- Build System: Automated scripts for ZIP packaging per widget
- Scaffolding: CLI tool to generate new widget boilerplate from templates
- Manifest: Centralized manifest for all widget declarations
Development Workflow
- Scaffold โ Run the scaffolding tool to generate a new widget with all boilerplate
- Develop โ Edit widget HTML/JS with the HTTPS dev server for live testing in CRM sandbox
- Test โ Widget loads in CRM sandbox via Zoho Embedded App SDK
- Build โ Packaging script creates a deployable ZIP artifact
- Deploy โ Upload ZIP to Zoho CRM Extension pipeline
Widget Capabilities
The framework was used to build widgets embedded in various CRM modules, including:
- Button widgets for triggering actions (sending templates, launching workflows)
- Data display widgets showing related records in accordion/list UI
- Integration widgets connecting CRM with external microservices
- Widgets with query capabilities for cross-referencing CRM records
Key Features
- Multi-Widget Workspace โ All widgets in a single project with shared dependencies
- Automated Scaffolding โ Generate new widgets from templates with one command
- HTTPS Dev Server โ Local testing with CRM SDK compatibility
- One-Command Build โ Automated ZIP packaging per widget
- Shared Code โ Common utilities available to all widgets
- i18n Support โ Internationalization integration for multi-language widgets
- Centralized Manifest โ Single configuration for all widget metadata
๊ฒฐ๊ณผ
๊ธฐ์ ์คํ
caseStudyDetail.more ์ฌ๋ก ์ฐ๊ตฌ
๋ ๋ง์ ๊ธฐ์ ๊ตฌํ ์ฌ๋ก๋ฅผ ์ดํด๋ณด์ธ์
OCR ๋ฐ QuickBooks ์ฐ๋์ ํตํ AI ๊ธฐ๋ฐ ์ก์ฅ ์ฒ๋ฆฌ
๋งค์ ์๋ฐฑ ๊ฑด์ ๊ณต๊ธ์ ์ฒด ์ก์ฅ์ ์ฒ๋ฆฌํ๋ ์ค๊ฒฌ ๊ธฐ์ ์ AI/OCR์ ์ฌ์ฉํ์ฌ ์ก์ฅ ๋ฐ์ดํฐ๋ฅผ ์๋์ผ๋ก ์ถ์ถํ๊ณ ์ด๋ฅผ QuickBooks์ ์ง์ ๋๊ธฐํํ์ฌ ์ฅ๋ถ ์ ๋ฆฌ ๋ฐ ์ง๊ธ ์ถ์ ์ ํจ์ผ๋ก์จ ์๋ ๋ฐ์ดํฐ ์ ๋ ฅ์ ์์ ์ผ ํ์ต๋๋ค.
SCTE-35 ๋ง์ปค ํ์ฑ ๋ฐ ๋ค์ค ํ๋ซํผ ํ๋ ์ด์ด ํตํฉ์ ํตํ ํด๋ผ์ด์ธํธ ์ธก ๊ด๊ณ ์ฝ์ (CSAI)
ํ ๋น๋์ค ์คํธ๋ฆฌ๋ฐ ํ๋ซํผ์ ์น, ๋ชจ๋ฐ์ผ ๋ฐ ์ปค๋ฅํฐ๋ TV ์ฑ ์ ๋ฐ์ ๊ฑธ์ณ Client-Side Ad Insertion (CSAI)์ ๊ตฌํํด์ผ ํ์ต๋๋ค. ์ด๋ ์๋ฒ ์ธก ์ฝ์ ์ผ๋ก๋ ์ ๊ณตํ ์ ์๋, ํด๋ฆญ ๊ฐ๋ฅํ ์ค๋ฒ๋ ์ด, ์ปดํจ๋์ธ ๋ฐฐ๋, ๊ฑด๋๋ฐ๊ธฐ ๋ฒํผ ๋ฑ ์์ ํ ๊ด๊ณ ์ํธ์์ฉ ์ง์์ ํตํด ๊ฐ์ธํ๋ ๊ธฐ๊ธฐ ์์ค์ ๊ด๊ณ ๊ฒฝํ์ ๊ฐ๋ฅํ๊ฒ ํฉ๋๋ค.
๋น์ฆ๋์ค ํ์ ์ ์์ํ ์ค๋น๊ฐ ๋์ จ๋์?
๊ทํ์ ๊ณผ์ ์ ์ ์ฌํ ์๋ฃจ์ ์ ์ ์ฉํ๋ ๋ฐฉ๋ฒ์ ๋ํด ๋ ผ์ํด ๋ณด๊ฒ ์ต๋๋ค.