【GCP】Webサーバを構築して公開する(HTTP)

2021年1月14日木曜日

GCP Webサーバ

t f B! P L

 


その6.Webサーバの構築と公開







今回はGCPの無料枠サーバにApacheをインストールしてindex.htmlを外部から開けるようにしてみます。



Google Cloud の公式ページに書いてある通りに行ったらすぐに終了してしまいました。

基本的な Apache ウェブサーバーの実行


自分でやってみたことをメモしておきます。




「HTTPトラフィックを許可」する


VMインスタンスを構築するときに「HTTPトラフィックを許可」のチェックボックスがあったのですが、その時はチェックをいれてませんでした。


早速、VMインスタンスの編集を行います。





編集画面が開いたら、「ファイアウォール」の項目にある

「HTTPトラフィックを許可する」

にチェックを入れます。





ネットワーク タグ に「http-server」が追加されました。



保存して終了します。





「Apache」のインストール


VMインスタンスへSSH接続をします。

VMインスタンスの一覧にある「SSH▼」を押して「ブラウザ ウィンドウで開く」で開けます。

私の場合は、SSHのアクセスポートを22 から変えているので「ブラウザ ウィンドウでカスタムポートを開く」を選択してポート番号を入力しました。


もしくは、自分で設定したSSHクライアントソフトを使用しても大丈夫です。






コマンドラインで下記コマンドを実行します。


下記、公式ページをそのまま引用しました。

  1. Debian のパッケージ マネージャを使用して、apache2 パッケージをインストールします。

    sudo apt update && sudo apt -y install apache2

    Apache をインストールすると、オペレーティング システムにより Apache サーバーが自動的に起動します。

  2. 次のコマンドを使用して、Apache ウェブサーバーのデフォルトのウェブページを上書きします。

    echo '<!doctype html><html><body><h1>Hello World!</h1></body></html>' | sudo tee /var/www/html/index.html




VMインスタンスの一覧に戻って、外部IPにアクセスしてみます。




すると、ブラウザの新しいタブに「Hello World!」が表示されました。



スマホからも外部IPを直接入力してアクセスしてみましたが繋がりました



無事に公開されていることを確認できたので、

使い終わったらVMインスタンスを停止しておきます。



自動停止のジョブを登録してありますが、なるべく手動でも落としておくことにします。

今は無料アカウントなので大丈夫だと思いますが、、、


以上。

ラベル

3DCG AdSense AI Amazon Echo Blender Blogger cron Cursor DNS Fire TV GCP Github Copilot Google Cloud HTTP iOS IPA iPad iPhone5 JavaScript laravel mySQL nodejs PhotoShop PHP Python Redis Scratch SSH Unity vue.js Webサーバ Windows10 WinSCP イヤーカフ型 イラスト おかし おやつ オリンピック お文具 カイワレ大根 ガチャ きのこ ギフト キャラ弁 クリスマス クレジットカード ゲーミング ゲーミングキーボード ゲーミングマウス ゲーミングマウスパッド ゲーミングモニター ゲームパッド ゴーヤー栽培 コナン サーバ サイクリング サイバーセキュリティ サイバー攻撃 サブスクリプション しりとり すイエんサー スクラッチ スマートウォッチ スライム セキュリティ ゼロトラスト ダイエット タブレット ドズル社 なわとび バーテープ パズル パンダ ぷよぷよ ふるさと納税 プログラミング プロトコル番号 マイクラ マイクロソフト マリオ マンガ メモ ランニングウォッチ ランニングゲーム ワイヤレスイヤホン 異世界 絵本 株関連 鬼滅の刃 健康診断 工作 磁石 自転車 自動化 収益化 書き初め 小学校 松屋 情報処理 情報処理安全確保支援士 辛辛魚 水泳 生成AI 折り紙 川渡し問題 銭天堂 誕生日 段ボール 知育菓子 中学受験 冬鳥 動画 動画編集 日常 認定試験 粘土 福袋 便利な雑貨 母の日 銘酒 料理

このブログを検索

ブログをよくする

連絡フォーム

名前

メール *

メッセージ *

ブログ アーカイブ

QooQ