
Before you begin
- Labs create a Google Cloud project and resources for a fixed time
- Labs have a time limit and no pause feature. If you end the lab, you'll have to restart from the beginning.
- On the top left of your screen, click Start lab to begin
Deploy a web server VM instance
/ 30
Create a Cloud Storage bucket using the gcloud storage command line
/ 30
Create the Cloud SQL instance
/ 40
このラボでは、Cloud Storage バケットを作成して画像を配置します。また、Compute Engine で実行されているアプリケーションを、Cloud SQL で管理されるデータベースを使用するように構成します。このラボでは、PHP を使用してウェブサーバーを構成します。PHP は一般的なブログ ソフトウェアの基礎となるウェブ開発環境です。ラボ外では、類似の手法を使用してこれらのパッケージを構成します。
また、Cloud Storage バケット内の画像を参照するようにウェブサーバーを構成します。
このラボでは、次のタスクの実行方法について学びます。
各ラボでは、新しい Google Cloud プロジェクトとリソースセットを一定時間無料で利用できます。
[ラボを開始] ボタンをクリックします。ラボの料金をお支払いいただく必要がある場合は、表示されるポップアップでお支払い方法を選択してください。 左側の [ラボの詳細] パネルには、以下が表示されます。
[Google Cloud コンソールを開く] をクリックします(Chrome ブラウザを使用している場合は、右クリックして [シークレット ウィンドウで開く] を選択します)。
ラボでリソースが起動し、別のタブで [ログイン] ページが表示されます。
ヒント: タブをそれぞれ別のウィンドウで開き、並べて表示しておきましょう。
必要に応じて、下のユーザー名をコピーして、[ログイン] ダイアログに貼り付けます。
[ラボの詳細] パネルでもユーザー名を確認できます。
[次へ] をクリックします。
以下のパスワードをコピーして、[ようこそ] ダイアログに貼り付けます。
[ラボの詳細] パネルでもパスワードを確認できます。
[次へ] をクリックします。
その後次のように進みます。
その後、このタブで Google Cloud コンソールが開きます。
Google Cloud コンソールのナビゲーション メニュー()で、[Compute Engine] > [VM インスタンス] をクリックします。
[インスタンスを作成] をクリックします。
[名前] に「bloghost
」と入力します。
[リージョン] と [ゾーン] は Qwiklabs によって割り当てられたものを選択します。
[マシンタイプ] は、デフォルトのままにします。
左側のペインで [OS とストレージ] をクリックします。表示されるイメージが Debian GNU/Linux 12(bookworm)でない場合は、[変更] をクリックして、バージョンを Debian GNU/Linux 12(bookworm) に選択します。
[ネットワーキング] をクリックします。
[ファイアウォール] で、[HTTP トラフィックを許可する] をクリックします。
左側のペインで [詳細設定] をクリックします。
[自動化] で、[起動スクリプト] の値として次のスクリプトをコピーして貼り付けます。
[進行状況を確認] をクリックして、目標に沿って進んでいることを確認します。
すべての Cloud Storage バケット名は、グローバルに一意である必要があります。バケット名が必ず一意になるように、ここでの手順ではバケットに Google Cloud プロジェクト ID と同じ名前を付けるよう指示されます。この ID もグローバルに一意です。
Cloud Storage バケットは、リージョンかマルチリージョンのロケーション(US、EU、ASIA)のいずれかに関連付けることができます。このアクティビティでは、Qwiklabs またはインストラクターによって割り当てられたリージョンとゾーンに最も近いマルチリージョンにバケットを関連付けます。
Google Cloud コンソールの右上のツールバーにある [Cloud Shell をアクティブにする] をクリックします。ダイアログ ボックスが表示されたら [続行] をクリックします。
便宜上、選択したロケーションを LOCATION という環境変数に入力します。次のいずれかのコマンドを入力します。
または
または
プロンプトが表示されたら [承認] をクリックして続行します。
[進行状況を確認] をクリックして、目標に沿って進んでいることを確認します。
Google Cloud コンソールのナビゲーション メニュー()で、[SQL] をクリックします。
[インスタンスを作成] をクリックします。
[データベース エンジンの選択] で、[MySQL を選択] をクリックします。
[Cloud SQL のエディションの選択] で、[Enterprise] をクリックし、プルダウンから [サンドボックス] を選択します。
[インスタンス ID] に「blog-db」と入力し、[パスワード] に任意のパスワードを入力します。
[リージョン] で、Qwiklabs によって割り当てられたリージョンを選択します。
[ゾーンの可用性] で [シングルゾーン] を選択します。
[ゾーンを指定] をクリックしてから、[プライマリ ゾーン] をクリックします。Qwiklabs によって割り当てられたゾーンを選択します。
このラボで後から使用できるように、[SQL インスタンス] 詳細ページの [このインスタンスとの接続] の下に表示されている SQL インスタンスの [パブリック IP アドレス] をテキスト エディタにコピーします。
左側のペインで [ユーザー] をクリックしてから、[ユーザー アカウントを追加] をクリックします。
[ユーザー名] に「blogdbuser
」と入力します。
[パスワード] に任意のパスワードを入力します。これをメモします。
[追加] をクリックして、データベースにユーザー アカウントを追加します。
左側のペインで [接続] をクリックしてから、[ネットワーキング] タブをクリックします。
[ネットワークを追加] をクリックします。
[名前] に「web front end
」と入力します。
[ネットワーク] に、bloghost VM インスタンスの外部 IP アドレスを入力し、末尾に /32
を付加します。
結果は次のようになります。
[完了] をクリックして承認済みネットワークの定義を終了します。
[保存] をクリックして構成の変更を保存します。
[進行状況を確認] をクリックして、目標に沿って進んでいることを確認します。
ナビゲーション メニュー()で、[Compute Engine] > [VM インスタンス] をクリックします。
VM インスタンス リストの VM インスタンス「bloghost」の行で [SSH] をクリックします。
「bloghost」の ssh セッションで、作業ディレクトリをウェブサーバーのドキュメント ルートに変更します。
Ctrl+O キーの次に Enter キーを押し、編集したファイルを保存します。
Ctrl+X キーを押して nano テキスト エディタを終了します。
ウェブサーバーを再起動します。
ページを読み込むと、次で始まるエラー メッセージが含まれています。
nano テキスト エディタで CLOUDSQLIP
を、先ほどメモした Cloud SQL インスタンス(blog-db)のパブリック IP アドレスに置き換えます。値を引用符で囲みます。
nano テキスト エディタで、DBPASSWORD
を先ほど定義した Cloud SQL データベース パスワードに置き換えます。値を引用符で囲みます。
Ctrl+O キーの次に Enter キーを押し、編集したファイルを保存します。
Ctrl+X キーを押して nano テキスト エディタを終了します。
ウェブサーバーを再起動します。
Google Cloud コンソールで、[Cloud Storage] > [バケット] をクリックします。
Google Cloud プロジェクトに基づいた名前のバケットをクリックします。
このバケットには、my-excellent-blog.png というオブジェクトがあります。そのオブジェクトの [公開アクセス] 列に表示されているリンクアイコンの URL、または [公開リンク] という単語(表示されている場合)のリンク先の URL のいずれかをコピーします。
bloghost VM インスタンスの ssh セッションに戻ります。
次のコマンドを入力して、作業ディレクトリをウェブサーバーのドキュメント ルートに設定します。
矢印キーを使用して、h1 要素を含む行にカーソルを移動します。Enter キーを押して新しい空白の画面行を開き、上記でコピーした URL を貼り付けます。
次の HTML マークアップを URL の直前に貼り付けます。
行は次のようになります。
この手順により、<h1>...</h1>
を含む行の直前に <img src='...'>
を含む行が挿入されます。
Ctrl+O キーの次に Enter キーを押し、編集したファイルを保存します。
Ctrl+X キーを押して nano テキスト エディタを終了します。
ウェブサーバーを再起動します。
このラボでは、Cloud SQL インスタンスを構成し、そのインスタンスに Compute Engine インスタンス内のアプリケーションを接続しました。また、Cloud Storage バケットを使って作業しました。
ラボが完了したら、[ラボを終了] をクリックします。ラボで使用したリソースが Google Cloud Skills Boost から削除され、アカウントの情報も消去されます。
ラボの評価を求めるダイアログが表示されたら、星の数を選択してコメントを入力し、[送信] をクリックします。
星の数は、それぞれ次の評価を表します。
フィードバックを送信しない場合は、ダイアログ ボックスを閉じてください。
フィードバックやご提案の送信、修正が必要な箇所をご報告いただく際は、[サポート] タブをご利用ください。
Copyright 2020 Google LLC All rights reserved. Google および Google のロゴは Google LLC の商標です。その他すべての企業名および商品名はそれぞれ各社の商標または登録商標です。
Cloud SQL に関する Google Cloud Platform のドキュメントをご覧ください。
Cloud Storage に関する Google Cloud Platform のドキュメントをご覧ください。
このコンテンツは現在ご利用いただけません
利用可能になりましたら、メールでお知らせいたします
ありがとうございます。
利用可能になりましたら、メールでご連絡いたします
One lab at a time
Confirm to end all existing labs and start this one