2026年9月30日

GAS×HTMLのテスト方法と「302エラー」の正体と対策


宮島でお抹茶をいただく
宮島でお抹茶をいただく       



ブログサイトで利用する「チャットボット」がようやく完成しました!

今開発では,バックエンド(サーバ側)にGoogle Apps Script(GAS)を採用し,フロントエンド(画面側)にHTML/JavaScriptを用いたWebアプリケーションの仕組みとしています。 

LINEやWebhookなどを使った構築も「CORS」エラーを発生させないため魅力的なのですが,当研究会ブログ用ツールとして活用したかったため,今回は採用しませんでした。

GAS×HTML/JavaScriptの構成は廉価で便利ですが,開発中やテストの段階で,いろいろな「課題」に直面します。
特に通信が失敗したり止まったりする現象は,その裏に潜む「302エラー(リダイレクト)」への対応が必要です。 

今回は,チャットボット開発を通じて得た「GAS×HTMLのテスト環境の構築方法」と,「302エラーの正体とその具体的な対策」を実体験を交えて記載します。

それでは,学習を開始します。 

【実証前提条件】
・クラウドアプリ:Google Spread Sheet ,  Google Apps Script
・PC:Windows 11 Proを利用
・サーバ:Webサーバを利用