如何使用Google App Script的HTML Service生成静态HTML文件而非Web App

这个需求完全可以实现，不需要持续依赖Google App Script（以下简称GAS）Web App的运行配额，也能满足静态内容嵌入第三方网页的需求，具体操作步骤如下：

步骤1：导出完整页面静态内容 #

• 方案一：访问你已发布的GAS Web App公开链接，在浏览器页面内右键选择「查看网页源代码」，复制全部渲染完成的源代码内容
• 方案二：直接打开GAS编辑器内你开发时使用的.html后缀模板文件，复制所有HTML、内联CSS、内联JS代码
• 注意：如果页面数据是GAS后端动态渲染填充的，需要手动把最终展示的真实数据替换到HTML对应位置，保证导出内容和Web App实际展示效果一致

步骤2：清理代码消除GAS依赖 #

• 删除所有和GAS服务端交互的逻辑，尤其是google.script.run相关的所有调用代码，静态页面不需要再和GAS后端通信
• 原本通过GAS加载的各类资源（图片、样式表、脚本等），要么替换为公开可访问的资源地址，要么直接内联写入HTML文件，避免资源加载失败
• 本地打开导出的HTML文件测试，确认样式、交互、数据展示都和原有Web App完全一致，无控制台报错

步骤3：嵌入第三方网页使用 #

根据你的实际场景选任意一种嵌入方式即可：

• 短内容场景：直接把调整后的HTML代码片段粘贴到第三方网页的对应展示位置即可
• 完整页面场景：把HTML文件上传到你的自有静态资源托管服务，在第三方网页用iframe标签嵌入，示例代码：

<iframe src="你的静态HTML文件访问地址" width="100%" height="600" frameborder="0"></iframe>

注意：后续需要更新内容时，重新走一遍导出、调整流程替换旧的HTML文件即可，因为你的内容更新频率极低，操作成本可以忽略。

可选优化方案 #

如果你之后需要少量的动态更新能力，也可以在GAS中配置定时触发脚本，内容更新时自动生成静态HTML同步到你的静态存储服务，全程不需要让用户直接访问GAS Web App接口，完全不会触发GAS的访问配额限制。

内容的提问来源于stack exchange，提问作者MaineBill