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

2018年3月13日2022年12月5日

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

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

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

プロパティ：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>