我正在寻找使用 Angular 进行 Zoho 扩展项目的方法。
在 Zoho 社区,我看到一条评论,其中保留了这种可能性。
但是在任何地方都找不到更多的东西。 Angular CLI 和 ZET CLI 创建的项目结构似乎有一些共同点。有人之前使用 Angular 在 Zoho CRM 扩展或 Zoho 扩展中工作过吗?
注意:我并不是说使用 Zoho API 从 Angular 与 Zoho 进行通信。我的意思是一个可用于在 Zoho 中构建扩展的 Angular 项目。
**编辑: 到目前为止我尝试过的是创建两个单独的项目: Cat Zoho 项目 & Cat Angular 项目。 我在 Cat Angular 项目中编写了所有代码并构建了它。我复制 Angular 构建的内容并将其粘贴到 Cat Zoho 项目的“app”目录中。我使用 ZET CLI 验证包并打包它。然后将压缩包粘贴到 Zoho 中扩展的“连接的应用程序”部分。但是当我在本地服务 Zoho 项目(zet run)时,根本没有显示任何内容。不知道我错过了什么。
我在这里没有看到具体的问题,将尝试给出该过程的总体概述。我没有使用过 Angular 的扩展,但是已经创建了基于 VueJS 的 CRM 扩展等。
项目设置
zet
工具会在根目录中查找包含源文件的 app
目录以及其中提到的目标 Zoho 服务的 plugin-manifest.json
文件。因此,不要创建两个单独的项目,而是将 Angular 的目标目录设置为 app/
目录而不是 dist/
并添加 plugin-manifest.json
文件。
插件清单.json
{
"service": "CRM"
}
测试
在将应用程序上传到 Sigma 之前,您可以通过将小部件托管配置为“外部”并将本地服务器 URL 指向其中来检查小部件是否正常工作。因此,您可以运行 ng serve
并将 Zoho 小部件中的 URL 设置为 http://localhost:4200/。
准备就绪后,您可以构建 Angular 项目并验证输出是否位于
app/
目录中。然后运行
zet pack
将从 app/
目录生成一个 zip 文件,该文件可以上传到目标 Zoho 服务