【GAS】WebアプリやAPIも作れちゃう!HtmlServiceについて、できることをまとめてみた。Script【GAS】WebアプリやAPIも作れちゃう!HtmlServiceについて、できることをまとめてみた。APIGAS大好きtoshiya(@toshiya_62)です。今回はHtmlServiceについて、できることを雑多に書いていきたいと思います。GASはサーバーサイドスクリプトではありますが、HtmlServiceというクラスを用いることで、簡単なWebアプリやAPIであれば、お手軽に作ることができます。無料で、自前でサーバーをたてずに、上記のようなことがお手軽に試せるので、私自身もよく使っているクラスになります。基本的な使い方まずはスタンドアロンで、GASのプロジェクトを立ち上げましょう。ファイル」を選びます。名前は「index」とでもしておきます(拡張子.htmlは不要です)そうすると、サイドバーに「index.html」というファイルが生成されます。bodyタグに何か適当に書き込んでおきましょう。doGet関数を記述するコード.gsに以下のプログラムを記述していきます。html;}このコードは、この後公開するWebアプリケーションのURLに対して、GETリクエストがきたときの挙動となっております。GETリクエストされたら、indexというhtmlファイルを用いて静的なHTMLレスポンスを作成し、それを返す、といった単純なものとなっております。(動的な場合のレスポンスは後程ご紹介します。)Webアプリの公開・・・の前に、版の登録Webアプリを公開する前に、プロジェクトの版(スナップショット)を保存する必要があります。版の説明を適当に入力して、「新しいバージョンを保存」を押します。すると、「バージョンが1」のスナップショットが保存されます。Webアプリケーションの公開いよいよ、Webアプリケーションの公開を行います。アプリケーションとして導入」を選択し、プロジェクトのバージョン番号が先ほど保存したバージョンと同じものであることを確認して、「導入」を押します。すると、WebアプリケーションのURLが書いてあるダイアログが出現するので、それをコピーしてブラウザでアクセスしてみましょう。bodyタグに記述したことが表示されるでしょうか?(絵が白くてさみしい・・・)ここまでが、HtmlServiceの基本的な使い方になります。以上より、自前でサーバーをたてなくても簡単にWebアプリケーションを動作させられることがお分かり頂けたかと思います。なってくると、何らかの方法で蓄積されたデータと連携して本格的なアプリケーションを構築したくなってきます。ここからは私がよくやっているアプリケーションの形態として、スプレッドシートに溜まったデータとの連携についてご紹介したいと思います。Driveの使用容量を管理しているスプレッドシートがあった場合、それをWebアプリ上で表示する例をお示しします。コード.gsに以下の記述を行います。values;}先ほどはHTMLレスポンスの記述としてHtmlService.createHtmlOutputFromFile('index');今回は、以下のように記述してHTMLのレスポンスを返しています。HtmlService.createTemplateFromFile('index').evaluate();これは、今回サーバー側で動的にHTMLを生成してクライアントにレスポンスを返すような処理をしているため、このように記述しています。動的なHTMLをどのようにして生成するのかは、以下のindex.htmlで説明します。?>で囲まれた部分があると思います。この囲まれた部分では、GASを記述することができます。これによって、サーバー側でGASを実行し、HTMLを動的に変化させ、それをクライアントにレスポンスとして返す、といったことが可能となります。この記法は、スクリプトレットといい、以下2種類の記述方法があります。?>で囲う場合スタンダードスクリプトレットタグと言い、単純にGASの処理を埋め込みたい場合に使います。出力スクリプトレットタグといい、記述した結果がそのままHTMLとして出力されます。上記のコードをWebアプリケーションとして公開し、ブラウザからアクセスすると、以下のように、スプレッドシートの値をブラウザにて扱えていることがお分かり頂けるかと思います。書きたいことはまだまだたくさんあるのですが、思ったより長くなってきちゃったので、ここでひとまず終わりにして、続きは別の記事にしたいと思います。次回はFusionTablesというGoogleDriveで使えるDBとの連携について書いていきたいと思います。Script【GAS】WebアプリやAPIも作れちゃう!HtmlServiceについて、できることをまとめてみた。Script【GAS】WebアプリやAPIも作れちゃう!HtmlServiceについて、できることをまとめてみた。実際に試してみた部分もあるので、ご紹介したいと思います。Script【GAS】GASでのWebスクレイピングについて雑多に書いてみた。Script(GAS)を触る機会が増えていて、自分の中でGAS熱がやばいです。Script【GAS】Twitterのbotを作ってみました。次はTwitterのbotを作ってみたので、作り方をご紹介したいと思います。エレナ」のbotを作ってみました。API、claspはGAS開発を根本から変えてしまうかも!?【GAS】WebアプリやAPIも作れちゃう!HtmlServiceについて、できることをまとめてみた。Scriptで作ってみた。Scriptで作ってみた。APIUncategorizedVMWareVue.jsWordpressランディングページ(LP)タイトルとURLをコピーしました。