見出し画像

【2021.10.20】GASのWEBアプリで、ログイン後に個人の名前を反映させる方法！

かれん

こんにちは！かれんです！

コレでログイン機能実装できたけど、、

画像1

しょぼww

せめてログインした後に、その人専用のページに飛びたい、、

（○○さん、こんにちは！みたいに出したい！）

てことで今回は、「GASのWEBアプリで、ログイン後に個人の名前を反映させる方法」についてです。

具体的な方法は、

GAS→HTMLの値の受け渡しをする

です！

それではいきます。

1. コード.gsを変更する

template = HtmlService.createTemplateFromFile('index'); //ここではindex.htmlに変数を渡す

template.name = name; //ここ！！nameをindex.htmlに渡している

return template
    .evaluate()
    .setTitle("最初の画面")
    .addMetaTag('viewport', 'width=device-width, initial-scale=1');

→保存

2. HTMLファイルに変数をいれる

index.htmlに変数いれてみる

<body>
   <h1>Hello World!</h1>
   <h2><?=name?>さん、こんにちは</h2>
 </body>

→保存

3. 見てみると、、

画像2

できた〜〜！

（いやそれでもショボwww）

いやいや！これは大きな前進です！！（暗示）

まとめ

最後まで読んでいただきありがとうございます！

今回は、「GASのWEBアプリで、ログイン後に個人の名前を反映させる方法」についてお伝えしました。

また、またね。

いいなと思ったら応援しよう！