Tutorial ini menjelaskan cara mengonfigurasi bucket Cloud Storage untuk menghosting situs statis pada domain yang Anda miliki. Halaman web statis dapat berisi teknologi sisi klien seperti HTML, CSS, dan JavaScript. Halaman tersebut tidak boleh berisi konten dinamis, seperti skrip sisi server seperti PHP.
Tutorial ini menunjukkan cara menayangkan konten melalui HTTP. Untuk tutorial yang menggunakan HTTPS, lihat Menghosting situs statis.
Untuk mengetahui contoh dan tips tentang halaman web statis, termasuk cara menghosting aset statis untuk situs dinamis, lihat halaman Situs Statis.
Tujuan
Dalam tutorial ini, Anda akan:- Mengarahkan domain ke Cloud Storage menggunakan data
CNAME. - Membuat bucket yang ditautkan ke domain Anda.
- Mengupload dan berbagi file di situs Anda.
- Menguji situs.
Biaya
Tutorial ini menggunakan komponen Google Cloudyang dapat ditagih berikut:
- Cloud Storage
Lihat Memantau tips biaya layanan penyimpanan untuk mengetahui detail tentang biaya yang dapat dikenakan saat menghosting situs statis, dan lihat halaman Harga untuk mengetahui detail tentang biaya layanan Cloud Storage.
Sebelum memulai
- Login ke akun Google Cloud Anda. Jika Anda baru menggunakan Google Cloud, buat akun untuk mengevaluasi performa produk kami dalam skenario dunia nyata. Pelanggan baru juga mendapatkan kredit gratis senilai $300 untuk menjalankan, menguji, dan men-deploy workload.
-
In the Google Cloud console, on the project selector page, select or create a Google Cloud project.
Roles required to select or create a project
- Select a project: Selecting a project doesn't require a specific IAM role—you can select any project that you've been granted a role on.
-
Create a project: To create a project, you need the Project Creator role
(
roles/resourcemanager.projectCreator), which contains theresourcemanager.projects.createpermission. Learn how to grant roles.
-
Verify that billing is enabled for your Google Cloud project.
-
In the Google Cloud console, on the project selector page, select or create a Google Cloud project.
Roles required to select or create a project
- Select a project: Selecting a project doesn't require a specific IAM role—you can select any project that you've been granted a role on.
-
Create a project: To create a project, you need the Project Creator role
(
roles/resourcemanager.projectCreator), which contains theresourcemanager.projects.createpermission. Learn how to grant roles.
-
Verify that billing is enabled for your Google Cloud project.
- Siapkan domain yang Anda miliki atau kelola. Jika Anda belum memiliki domain, ada banyak layanan yang dapat Anda gunakan untuk mendaftarkan domain baru, seperti Cloud Domains.
Tutorial ini menggunakan domain
example.com. - Verifikasi bahwa
Anda memiliki atau mengelola domain yang akan digunakan. Pastikan Anda
memverifikasi domain level teratas, seperti
example.com, dan bukan subdomain, sepertiwww.example.com.Catatan: Jika memiliki domain yang ingin dikaitkan ke bucket, Anda mungkin telah melakukan langkah ini sebelumnya. Jika Anda membeli domain melalui Cloud Domains, verifikasi akan otomatis dilakukan.
Menghubungkan domain Anda ke Cloud Storage
Untuk menghubungkan domain ke Cloud Storage, buat data CNAME
melalui layanan pendaftaran domain. Data CNAME adalah jenis data
DNS. Data ini akan mengarahkan traffic yang meminta URL dari domain Anda ke resource
yang ingin Anda tayangkan, dalam hal ini objek di bucket Cloud Storage Anda.
Untuk www.example.com, data CNAME mungkin berisi informasi
berikut:
NAME TYPE DATA www CNAME c.storage.googleapis.com.
Untuk mengetahui informasi pengalihan CNAME lebih lanjut, lihat URI untuk pembuatan alias CNAME.
Untuk menghubungkan domain Anda ke Cloud Storage:
Buat data
CNAMEyang mengarah kec.storage.googleapis.com..Layanan pendaftaran domain akan menyediakan cara bagi Anda untuk mengelola domain, termasuk cara menambahkan data
CNAME. Misalnya, jika Anda menggunakan Cloud DNS, petunjuk cara menambahkan data resource dapat ditemukan di halaman Menambahkan, mengubah, dan menghapus data.
Membuat bucket
Buat bucket yang namanya cocok dengan CNAME yang dibuat untuk domain Anda.
Misalnya, jika Anda menambahkan data CNAME yang mengarah dari subdomain www pada
example.com ke c.storage.googleapis.com., perintah Google Cloud CLI untuk membuat
bucket dengan nama www.example.com akan terlihat mirip dengan berikut ini:
gcloud storage buckets create gs://www.example.com --location=US
Untuk mengetahui petunjuk lengkap tentang cara membuat bucket dengan berbagai alat, lihat Membuat bucket.
Mengupload file di situs Anda
Untuk menambahkan file yang ingin Anda tayangkan pada situs ke bucket:
Konsol
- Di konsol Google Cloud , buka halaman Buckets Cloud Storage.
Pada daftar bucket, klik nama bucket yang Anda buat.
Klik tombol Upload file di tab Objek.
Pada dialog file, cari file yang diinginkan dan pilih file tersebut.
Setelah upload selesai, Anda akan melihat nama file beserta informasi file yang ditampilkan di bucket.
Command line
Gunakan perintah gcloud storage cp untuk menyalin file ke bucket Anda.
Misalnya, untuk menyalin file index.html dari lokasinya saat ini
Desktop:
gcloud storage cp Desktop/index.html gs://www.example.com
Jika berhasil, responsnya akan terlihat seperti contoh berikut:
Completed files 1/1 | 164.3kiB/164.3kiB
Library klien
C++
Untuk mengetahui informasi selengkapnya, lihatDokumentasi referensi Cloud Storage C++ API.
Untuk melakukan autentikasi ke Cloud Storage, siapkan Kredensial Default Aplikasi. Untuk mengetahui informasi selengkapnya, lihat Menyiapkan autentikasi untuk library klien.
C#
Untuk mengetahui informasi selengkapnya, lihatDokumentasi referensi Cloud Storage C# API.
Untuk melakukan autentikasi ke Cloud Storage, siapkan Kredensial Default Aplikasi. Untuk mengetahui informasi selengkapnya, lihat Menyiapkan autentikasi untuk library klien.
Go
Untuk mengetahui informasi selengkapnya, lihatDokumentasi referensi Cloud Storage Go API.
Untuk melakukan autentikasi ke Cloud Storage, siapkan Kredensial Default Aplikasi. Untuk mengetahui informasi selengkapnya, lihat Menyiapkan autentikasi untuk library klien.
Java
Untuk mengetahui informasi selengkapnya, lihatDokumentasi referensi Cloud Storage Java API.
Untuk melakukan autentikasi ke Cloud Storage, siapkan Kredensial Default Aplikasi. Untuk mengetahui informasi selengkapnya, lihat Menyiapkan autentikasi untuk library klien.
Contoh berikut menunjukkan proses upload objek individual:
Contoh berikut menunjukkan proses upload beberapa objek secara bersamaan:
Contoh berikut menunjukkan proses upload semua objek dengan awalan umum secara bersamaan:
Node.js
Untuk mengetahui informasi selengkapnya, lihatDokumentasi referensi Cloud Storage Node.js API.
Untuk melakukan autentikasi ke Cloud Storage, siapkan Kredensial Default Aplikasi. Untuk mengetahui informasi selengkapnya, lihat Menyiapkan autentikasi untuk library klien.
Contoh berikut menunjukkan proses upload objek individual:
Contoh berikut menunjukkan proses upload beberapa objek secara bersamaan:
Contoh berikut menunjukkan proses upload semua objek dengan awalan umum secara bersamaan: