You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何为Google Apps Script本地Addon开发实现实时重载?

实现Google Apps Script编辑器插件的实时重载(基于esbuild + Svelte)

我正在开发一款Google Apps Script编辑器插件,项目结构如下:

src
|__ client
|__ gas
esbuild.config.js
tsconfig.json
package.json
  • src/client:作为插件UI的Svelte应用
  • src/gas:Google Apps Script业务代码
  • esbuild.config.js:包含两个构建流程——将client打包为单文件index.html,将gas代码打包为单文件Code.js

开发时使用esbuild --watch模式,代码保存后index.html和Code.js会自动通过clasp推送到谷歌服务器。我需要实现实时重载:代码保存后,谷歌服务器上的插件能自动展示更新内容。

目前已完成的工作:

  • 代码保存时自动推送到谷歌服务器
  • 通过esbuild内置开发服务器+服务器发送事件(SSE)监听器实现本地实时重载
  • 用mkcert生成有效证书启用HTTPS

但核心问题是:无法在文件推送到谷歌服务器时触发浏览器端的插件页面刷新。

补充信息:

  • 观察到React-Google-Apps-Script项目通过webpack实现了该功能,但不懂其原理
  • 发现该React项目会上传一个指向localhost的iframe的极简「开发应用」,但疑惑:谷歌服务器环境下的localhost如何加载本地更新后的代码?
  • 找到了Google-Apps-Script-Webpack-Dev-Server包,但不清楚底层实现逻辑

内容的提问来源于stack exchange,提问作者eakl

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.29 10:05:01