使用 Angular 制作 Zoho CRM 扩展

Posted 2023-02-19

【中文标题】使用 Angular 制作 Zoho CRM 扩展

【英文标题】：Make Zoho CRM extension using Angular

【发布时间】：2021-11-16 15:27:00

【问题描述】：

我正在寻找在 Zoho 扩展项目中使用 Angular 的方法。

在 Zoho 社区，我看到 a comment 保持这种可能性。

但是在任何地方都找不到更多的东西。 Angular CLI 和 ZET CLI 创建的项目结构似乎有一些共同点。之前有没有人在 Zoho CRM 扩展或 Zoho 扩展中工作过，使用 Angular？

注意：我并不是说使用 Zoho API 从 Angular 与 Zoho 进行通信。我的意思是一个 Angular 项目，可用于在 Zoho 中构建扩展。

**编辑： 到目前为止，我尝试的是创建两个单独的项目： 猫 Zoho 项目 & Cat Angular 项目。 我在 Cat Angular Project 中编写所有代码并构建它。我复制 Angular 构建的内容并将它们粘贴到 Cat Zoho 项目的“app”目录中。我验证包并使用 ZET CLI 打包它。然后将压缩包粘贴到 Zoho 中扩展的 Connected Apps 部分。但是当我在本地服务 Zoho 项目（zet run）时，什么都没有显示。不知道我错过了什么。

【参考方案1】：

我在这里没有看到具体的问题，将尝试对流程进行总体概述。我没有使用 Angular 进行过扩展，但是我创建了基于 VueJS 的 CRM 扩展等。

项目设置

zet 工具在根目录中查找包含源文件的 app 目录和包含目标 Zoho 服务的 plugin-manifest.json 文件。所以不要创建两个单独的项目，而是将 angular 的目标目录设置为 app/ 目录而不是 dist/ 并添加 plugin-manifest.json 文件。

plugin-manifest.json

  "service": "CRM"

测试

在将应用程序上传到 Sigma 之前，您可以通过将小部件的托管配置为 外部 并将本地服务器 URL 指向其中来检查小部件是否工作。因此，您可以运行 ng serve 并将 Zoho 小部件中的 URL 设置为 http://localhost:4200/。

构建

一旦准备就绪，您就可以构建 Angular 项目并验证输出是否在 app/ 目录中。然后运行zet pack 将从app/ 目录生成一个zip 文件，该文件可以上传到目标Zoho 服务