動的ウェブサイト

動的ウェブサイトをデプロイする

レスポンシブ ウェブ フレームワークと使い慣れた言語を使用して、動的ウェブサイトの構築、デプロイ、実行、運用を行います。
新規のお客様には、このソリューションのデプロイに使用できる $300 分の無料クレジットを差し上げます
対象者
デベロッパーとクラウド学習者
デプロイするもの
Google Cloud 上でオープンソース コードを使用した動的ウェブサイトのサンプル
デプロイの方法
Google Cloud に登録したら、コンソールまたは GitHub からデプロイできます。
概要

動的ウェブサイトとは何ですか?

動的ウェブサイトとは、ユーザーの操作に応じて変化するウェブサイトです。動的ウェブサイトを使用すると、リアルタイムの在庫の表示や、ユーザーごとのパーソナライズなどを行うことができます。

動的ウェブサイトと静的ウェブサイトの違いは何ですか?

静的ウェブサイトではコンテンツは変化せず、すべての訪問者に同じ内容が表示されます。一方、動的ウェブサイトでは、訪問するたびに自動的に更新されたコンテンツが表示されます。

動的ウェブページにはどのような種類がありますか?

動的ウェブページには、クライアントサイド スクリプトとサーバーサイド スクリプトの 2 種類があります。クライアントサイド スクリプトでは、ウェブページでのユーザー アクションに基づいて変更を行います。サーバーサイド スクリプトでは、ページの読み込み時またはアクセス時に変更を行います。

動的ウェブサイトの例をいくつか教えてください。

e コマースサイト、ブログなどのソーシャル メディア サイト、エンターテイメント サイト、ニュースサイトなど、現在のほとんどのウェブサイトは動的ウェブサイトです。

動的ウェブサイトのメリットは何ですか?

動的ウェブサイトには複数のメリットがあります。まず、サイト全体を再作成または再デプロイする必要がないため、静的ウェブサイトを更新するよりも、動的ウェブサイトを更新する方がはるかに簡単です。また、ウェブサイトのコンテンツを個々の訪問者に合わせてパーソナライズし、エンゲージメントやコンバージョンの向上を図ることができます。さらには、柔軟性が高まり、よりリッチな機能を構築できるようになります。
ソリューションの詳細
ソリューション アーキテクチャ
  1. ユーザーがアプリケーションに接続します。
  2. ウェブ クライアントは、Cloud Run サービスとして実行されている Python で記述された API バックエンドを呼び出します。
  3. Python アプリケーションの構成とその他のシークレットは Cloud Secrets Manager に保存されます。
  4. アプリケーションの静的アセットとコンテナ イメージは Cloud Storage に保存されます。
  5. Cloud SQL for PostgreSQL は、Python アプリケーションのリレーショナル データベース バックエンドとして使用されます。
Python と JavaScript を使用して動的ウェブサイトをデプロイする
Google Cloud の経験レベル
初級
推定デプロイ時間
10 分
構成に 2 分、デプロイに 8 分
新規のお客様には、Google Cloud を十分に試したうえで評価していただくために、$300 分の無料クレジットを差し上げます。
要件
  • アクティブな Google Cloud アカウント
  • プロジェクトの管理者権限
ソリューション アーキテクチャ
  1. モバイルとウェブのユーザーが URL 経由でアプリケーションに接続します。
  2. 利用可能であれば、Cloud CDN からキャッシュに保存されたアセットが配信されます。そうでない場合、リクエストは Cloud Load Balancing にルーティングされます。
  3. 静的アセットの場合、Cloud Storage バケットから pull されます。
  4. 動的リソースの場合、リクエストは Cloud Run に転送されます。
  5. 機密性の高い値は、Secret Manager に保存されている環境変数を使用して Cloud Run に提供されます。
  6. Cloud Run は、ウェブ アプリケーション用の NoSQL データベース バックエンドである Firestore からユーザーデータのクエリを実行します。
ソリューション アーキテクチャ
  1. ユーザー リクエストは Cloud Load Balancing に転送されます。
  2. リクエストは、アプリの GKE クラスタに転送され、ロードバランサを介して 3 つの Spring Boot Java サービスを実行している Pod に転送されます。
  3. api-server が VueJS フロントエンドをホストし、必要に応じて在庫または支払いサービスを呼び出します。
  4. 在庫サービスと支払いサービスが、必要に応じて Cloud Spanner などの外部サービスを呼び出します。
Java における動的ウェブアプリ
Google Cloud の経験レベル
中級
推定デプロイ時間
22 分
構成に 2 分、デプロイに 20 分
新規のお客様には、Google Cloud を十分に試したうえで評価していただくために、$300 分の無料クレジットを差し上げます。
要件
  • アクティブな Google Cloud アカウント
  • プロジェクトの管理者権限
Google Cloud
  • ‪English‬
  • ‪Deutsch‬
  • ‪Español‬
  • ‪Español (Latinoamérica)‬
  • ‪Français‬
  • ‪Indonesia‬
  • ‪Italiano‬
  • ‪Português (Brasil)‬
  • ‪简体中文‬
  • ‪繁體中文‬
  • ‪日本語‬
  • ‪한국어‬
コンソール
  • Google の透明性の高い料金設定の手法で費用を削減
  • Google Cloud の従量課金制では、毎月の使用量と、リソース料金の前払い割引に基づいて自動的に割引が適用されます。見積もりをご希望の場合は、今すぐお問い合わせください。
Google Cloud