Day 16 — To Do List (3) 深入HTML Service -1

我们今天要来继续深入 HTML Service ，让大家对於利用 GAS 架网站这件事情在之後可以更为轻便简单。

我们继续看到 Docs 的部分 (注一) ：

这边我们来看到，GAS 所建立的网站可以在前端利用非同步式的方案呼叫 GAS 中设定好的 function 。

这也是 GAS 推荐选项，让前後端尽量分离，以达到後续好维护的方案 (注二) 。

因此我们就稍微修改一下我们的 To-Do-List-Service.gs :

接下来进入到 index.html 修改：

这边我们使用 google.script.run.withSuccessHandler(function).doSomething() 来进行非同步请求。

完成之後我们来看一下结果。

我们重新部署一下，按下「部署」後选「管理部署作业」：

接下来我们选右上角的铅笔图案「edit」：

接下来选版本，然後选「建立新版本」：

接下来就按下「部署」。

等待部署完成後就可以选网页应用程序。

太好了，完成！

今天就到这里罗！

我们明天就要来开始写 Code 了！

请大家好好去复习罗！

今日作业

没有喔～

我们明天开始写 Code 见！

关於兔兔们：

• Tailwind CSS 台湾官网

• Tailwind CSS 台湾 (脸书粉丝专页)

• 兔兔教 × Tailwind CSS Taiwan (脸书社群)

• 兔兔教大本营

我：今天真的也是赶赶赶。奇妙的一天，明明是周五，却忙得要死，每个行程都卡的很紧…哎…谁说公家单位养老，学校就忙翻了…

注一：https://developers.google.com/apps-script/guides/html/communication#code.gs_1
注二：https://developers.google.com/apps-script/guides/html/best-practices