Menghosting situs statis di Google App Engine

ID region

REGION_ID adalah kode singkat yang ditetapkan Google berdasarkan region yang Anda pilih saat membuat aplikasi. Kode ini tidak sesuai dengan negara atau provinsi, meskipun beberapa ID region mungkin tampak mirip dengan kode negara dan provinsi yang biasa digunakan. Untuk aplikasi yang dibuat setelah Februari 2020, REGION_ID.r disertakan dalam URL App Engine. Untuk aplikasi lama yang dibuat sebelum tanggal tersebut, ID region bersifat opsional dalam URL.

Pelajari lebih lanjut ID region.

Anda dapat menggunakan Google App Engine untuk menghosting situs statis. Halaman web statis dapat berisi teknologi sisi klien seperti HTML, CSS, dan JavaScript. Menghosting situs statis di App Engine dapat dikenai biaya lebih murah daripada menggunakan penyedia hosting tradisional, karena App Engine menyediakan paket gratis.

Situs yang dihosting di App Engine dihosting di subdomain REGION_ID.r.appspot.com, seperti [my-project-id].uc.r.appspot.com. Setelah men-deploy situs, Anda dapat memetakan nama domain Anda sendiri ke situs yang dihosting App Engine.

Sebelum memulai

Sebelum dapat menghosting situs di Google App Engine:

  1. Buat project konsol Google Cloud baru atau ambil project ID dari project yang ada untuk digunakan:

    Buka halaman Project

  2. Instal, lalu inisialisasi Google Cloud CLI:

    Download SDK

Membuat situs yang akan dihosting di Google App Engine

Struktur dasar untuk project

Panduan ini menggunakan struktur berikut untuk project:

  • app.yaml: Mengonfigurasi setelan aplikasi App Engine Anda.
  • www/: Direktori untuk menyimpan semua file statis, seperti HTML, CSS, image, dan JavaScript.
    • css/: Direktori untuk menyimpan stylesheet.
      • style.css: Stylesheet dasar yang memformat tampilan dan nuansa situs Anda.
    • images/: Direktori opsional untuk menyimpan image.
    • index.html: File HTML yang menampilkan konten untuk situs Anda.
    • js/: Direktori opsional untuk menyimpan file JavaScript.
    • Direktori aset lainnya.

Membuat file app.yaml

File app.yaml adalah file konfigurasi yang memberi tahu App Engine cara memetakan URL ke file statis Anda. Pada langkah-langkah berikut, Anda akan menambahkan pengendali yang akan memuat www/index.html saat seseorang mengunjungi situs Anda, dan semua file statis akan disimpan dan dipanggil dari direktori www.

Buat file app.yaml di direktori root aplikasi Anda:

  1. Buat direktori yang memiliki nama yang sama dengan project ID Anda. Anda dapat menemukan project ID di Konsol.
  2. Di direktori yang baru saja Anda buat, buat file bernama app.yaml.

  3. Edit file app.yaml dan tambahkan kode berikut ke file tersebut:

    runtime: python27
api_version: 1
threadsafe: true

handlers:
- url: /
  static_files: www/index.html
  upload: www/index.html

- url: /(.*)
  static_files: www/\1
  upload: www/(.*)

Informasi referensi selengkapnya tentang file app.yaml dapat ditemukan di dokumentasi referensi app.yaml.

Membuat file index.html

Buat file HTML yang akan ditayangkan saat seseorang membuka root page situs Anda. Simpan file ini di direktori www Anda.

<html>
  <head>
    <title>Hello, world!</title>
    <link rel="stylesheet" type="text/css" href="/css/style.css">
  </head>
  <body>
    <h1>Hello, world!</h1>
    <p>
      This is a simple static HTML file that will be served from Google App
      Engine.
    </p>
  </body>
</html>

Men-deploy aplikasi Anda ke App Engine

Saat Anda men-deploy file aplikasi, situs Anda akan diupload ke App Engine. Untuk men-deploy aplikasi, jalankan perintah berikut dari dalam direktori root aplikasi Anda, tempat file app.yaml berada:

gcloud app deploy

Flag opsional:

  • Sertakan flag --project untuk menentukan project ID konsol Google Cloud alternatif dengan yang Anda inisialisasi sebagai default di gcloud CLI. Contoh: --project [YOUR_PROJECT_ID]
  • Sertakan flag -v untuk menentukan ID versi. Jika tidak, flag tersebut akan dibuat untuk Anda. Contoh: -v [YOUR_VERSION_ID]

Untuk mempelajari lebih lanjut cara men-deploy aplikasi dari command line, lihat Men-deploy Aplikasi Python 2.

Melihat aplikasi Anda

Untuk meluncurkan browser dan melihat aplikasi di https://PROJECT_ID.REGION_ID.r.appspot.com, jalankan perintah berikut:

gcloud app browse

Langkah berikutnya

Menayangkan situs yang dihosting App Engine dari domain kustom.