DEV Community
·
Apps Script与Drive Picker：用Web组件书写的爱情故事
💡
原文英文，约700词，阅读约需3分钟。
📝
内容提要
Google Drive Picker进行了重要升级，现支持在React、Vue和SolidJS应用中集成。使用Apps Script时需设置Google Cloud项目及权限。示例代码展示了如何处理用户交互并通过HTML模板与JavaScript实现Picker对话框功能。
🎯
关键要点
- Google Drive Picker进行了重要升级，现支持在React、Vue和SolidJS应用中集成。
- 使用Apps Script时需设置Google Cloud项目及权限，主要要求是与drive.file范围关联的Google Cloud项目。
- Apps Script服务器端有两个主要功能：doGet()和eventHandler(event)。
- doGet()函数返回HTML内容，eventHandler函数处理来自Picker对话框的用户交互事件。
- HTML模板中包含了drive-picker元素的初始化和事件处理逻辑。
- Picker对话框打开后，事件和响应通过google.script.run传递到Apps Script服务器。
- 可以将文件访问确认与其他业务流程结合，或使用Gemini和VertexAI进行扩展。
❓
延伸问答
Google Drive Picker的最新升级有哪些新功能？
Google Drive Picker现在支持在React、Vue和SolidJS应用中集成。
使用Apps Script时需要设置哪些Google Cloud项目和权限？
需要设置与drive.file范围关联的Google Cloud项目，并在Apps Script项目中配置Cloud项目编号。
Apps Script服务器端的主要功能是什么？
主要功能包括doGet()和eventHandler(event)两个函数，分别用于返回HTML内容和处理用户交互事件。
如何在HTML模板中初始化Drive Picker？
在HTML模板中，通过创建drive-picker元素并设置oauth-token和app-id属性来初始化Drive Picker。
如何处理Drive Picker对话框中的用户交互事件？
通过eventHandler函数监听事件，并使用google.script.run将事件数据发送到Apps Script服务器进行处理。
可以将Drive Picker与哪些其他服务结合使用？
可以将文件访问确认与其他业务流程结合，或使用Gemini和VertexAI进行扩展。
➡️
