GoogleAppsScript와 Google 스프레드시트를 연계한 WEB 어플리케이션을 작성해 보았다【제1회】

GoogleAppsScript와 Google 스프레드시트를 함께 사용하는 웹 애플리케이션을 만듭니다.



안녕하세요. 시스템 엔지니어의 Diavolo입니다.
팀 내에서 이용하는 WEB 어플리케이션을 작성했으므로, 비망록으로서 작성 방법을 기사로 합니다. 주된 이용 목적으로 해서는, 과제에 대한 대응을 기록해 두고, 열람, 갱신할 수 있도록 하는 WEB 어플리케이션입니다. 완성까지를 여러 기사로 나누어 투고할 예정입니다.
첫 번째 기사로, HelloWorld를 표시 할 때까지

GoogleAppsScript를 시작하고 다음 코드를 입력합니다. 처음 쓰고 있는 myFunction()은 삭제합니다.



코드.gs
function doGet() {
  var tpl = HtmlService.createTemplateFromFile('index');
  return tpl.evaluate();
}

index.html 추가



추가 방법입니다. 파일 -> HTML을 선택하여 제목을 index로 변경합니다. 파일 확장자(.html)는 자동으로 부여되므로 입력할 필요가 없습니다. index.html은 다음 템플릿이 입력된 상태로 생성됩니다.

index.html
<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
  </head>
  <body>

  </body>
</html>

index.html의 body 부분에 Hello World를 입력합니다.



index.html
<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
  </head>
  <body>
    Hell World!!
  </body>
</html>

이것으로 소스 코드는 완성됩니다. 다음은 배포입니다.

배포합니다.



배포 -> 새 배포 -> 배포를 실행합니다.
웹 앱이라는 화면이 표시되므로 거기에 작성된 URL을 클릭합니다.
브라우저가 시작되고 다음 화면이 표시됩니다.


첫 번째 기사는 이것으로 끝납니다. 다음 번 이후는 보다 WEB 어플리케이션인것 같은 구현을 해 갑니다! !

좋은 웹페이지 즐겨찾기