MENU

カテゴリー

プロフィール

すいみん

技術的なことが好きなデザイナーです。
月間19万pvの当ブログ『CGメソッド』運営
詳細はこちら

今週末はAmazonタイムセール祭り!

【Google Apps Script】トークンなど隠したい文字をプロパティ変数にして使用する方法

gas-script-property

スクリプトのプロパティで設定した変数はプロジェクト内で使用できるのですが、それをHTML内で使用する方法につまずいたのでメモ。

スクリプトのプロパティの設定

f:id:min0124:20180311202907p:plain

ファイル>プロジェクトのプロパティ>スクリプトのプロパティ

プロパティ:link

値:https://tr.twipple.jp/gazou/

とします。



.gs

コード.gsに下記のようにコードを書きます

function doGet() {
var app = HtmlService.createTemplateFromFile("index.html");
return app.evaluate().setSandboxMode(HtmlService.SandboxMode.IFRAME);;
}


.html

index.htmlに下記のようなコードを書きます

<!DOCTYPE html>
<html>
<head>
    <base target="_top">
  </head>
<body>
<iframe src="" id="ifr" width="256" height="256"></iframe>
<script>
  var link = <?= PropertiesService.getScriptProperties().getProperty('link');?>;
  document.getElementById("ifr").src= link;
  </script>
</body>
</html>

Google Apps ScriptをHTMLに埋め込む方法

この部分に気がつくのに時間がかかりました。

  • スタンダードスクリプトレットタグ(スクリプトの埋め込み)
  • 出力スクリプトレットタグ(GASの結果)

参考

Google Apps ScriptでWebアプリケーションにスプレッドシートの値を出力する



まとめ

f:id:min0124:20180311201935p:plain

なぜかhttpsのサイトしか上手く表示されませんでした。

前回記事とあわせて、GASちょこっと触ってみましたが、

  • GASでHTMLが表示できる。複数ページも可
  • iframeも表示できる
  • グローバル変数も用いることが可能

となんとか、やりたかったことの条件を無理やり満たしました。

関連記事

【Google Apps Script】HTMLのページを複数作成・表示する方法 – CGメソッド



以上、すいみん(@cg_method)でした!


eyecatch-office-goods
【オフィス】職場でも最小限に。おすすめ便利グッズ10選![ミニマリスト]


eyecatch-oralcare-goods
【オーラルケア】歯磨きを最適化!個人的にオススメの4つのグッズ紹介


eyecatch-minimalist-attire-outfit
【超快適】合計7着!男性ミニマリストおすすめの機能的な服とは?[制服化]

おすすめグッズ紹介

すいみん
人気過ぎで入手困難ですが、現在最高のイヤホンです
すいみん
ノイズキャンセリングが凄すぎてつけるだけで世界が無音になります!
すいみん
人気過ぎで入手困難ですが、ゲームで痩せる!運動不足も解消!
すいみん
一万円札になった渋沢栄一の名著道徳と営利を両立させることを説いてます。

趣味の本

すいみん
「アニメーター」というワードが気になる方は、目次だけでも見てみてください。読みたくなるはずです!