构建 Google Drive - 相关列表小部件
在 Zoho CRM 中以相关列表形式嵌入 Google Drive 小部件允许用户完成三个任务:
- 从 Google Drive 中获取文件并在 CRM 内的记录详细信息页面中显示为相关列表。
- 将 Zoho CRM 中的任意文档上传至 Google Drive 文件夹。
- 从 Google Drive 检索文件信息。
我怎样才能...
导入 Zoho JS SDK
要导入 Zoho JS SDK,请访问 https://github.com/ZohoDevelopers/GoogleDriveWidget,下载并解压至您的路径。
注册活动侦听器
注册活动意味着定义将在您的应用程序触发特定活动时执行的函数。
此应用程序的活动侦听器的代码为:
ZOHO.embeddedApp.on("PageLoad",function(data){
console.log("Page Loaded with data");
console.log(data);
})
console.log("Page Loaded with data");
console.log(data);
})
用于初始化 SDK 的代码为:
ZOHO.embeddedApp.init()
用于调用 API 的代码为:
ZOHO.CRM.CONNECTOR.invokeAPI().then(function(data){
console.log(data);
});
console.log(data);
});
使用 OAuth2 进行身份验证
此扩展是使用 OAuth2.0 协议进行身份验证的。Google Drive 连接器是使用此扩展的关联必需 API 创建的,并已发布。
创建扩展并进行身份验证
- 登录 Zoho Developer 控制台,然后点击 Zoho CRM 的扩展。
- 创建扩展并将其命名为“Google Drive”。
- 在左窗格中点击连接器,然后转至所有连接器页签。
- 点击创建连接器按钮,然后提供详细信息以创建连接器。向连接器添加必需 API。有关如何创建连接器的详细信息,请参阅此页面。

请参阅下表以了解 API 的详细信息:
名称 API URL getFiles https://www.googleapis.com/drive/v2/files/${folderId}/children uploadFile https://www.googleapis.com/upload/drive/v2/files?uploadType=multipart getFileInfo https://www.googleapis.com/drive/v2/files/${fileID} - 将连接器添加至扩展。

创建自定义组件
- 在线索模块中创建名为 DriveFolderID 的自定义字段,以存储在创建线索记录时自动生成的文件夹 ID。

- 在线索模块中创建标题为 Google Drive 的相关列表以从 Google Drive 获取文件。

设置连接应用
- 在扩展详细信息页面的左窗格中点击连接应用。
- 输入以下信息:
- 连接应用名称:Google Drive
- 描述:有关连接应用的简短描述。
- 选择托管:选择服务器端应用程序。
- 指定基本 URL: https://live.zwidgets.com/GoogleDriveRL/v1/html/
- 点击保存。
- 现在已创建连接应用。

测试应用
- 在 Zoho Developer 控制台的右上角点击测试扩展。
- 在沙箱中使用必需输入信息创建新的线索记录。
- 点击保存。可查看自动生成的 DriveFolderID 值。

- 在线索详细信息页面中点击 Google Drive 相关列表。还没有任何文件上传至该列表。

- 将想要上传的文件添加至列表。
- 您的 Google Drive 相关列表现在已更新!









