Alibaba Cloud Object Storage Service (OSS) adalah layanan penyimpanan awan yang kuat dan skalabel yang dapat digunakan untuk menyimpan dan mendistribusikan berbagai jenis data, termasuk file web. Dalam tutorial ini, Anda akan belajar bagaimana menggunakan Alibaba Cloud OSS untuk meng-host situs web statis. Ini adalah cara yang efisien dan hemat biaya untuk meng-host situs web sederhana atau halaman berbasis HTML.
Prasyarat
Sebelum ke produr berikut yang harus disiapkan agar bisa mengikuti tutorial ini
- Sebuah bucket pada Alibaba Cloud Object Storage Services
- Domain yang sudah diarahkan ke bucket, tutorial bisa dilihat di artikel Mengatur Domain di Alibaba Cloud OSS dengan Cloudflare (sesuaikan dengan DNS Manager teman-teman.)
Prosedur
Saya menganggap teman-teman sudah memiliki akun Alibaba Cloud dan telah memiliki bucket di Alibaba Cloud Object Storage Services dengan Access Control List mode read-only. Saat ini kita sudah bisa langsung unggah file web statis, saya coba unggah 1 buah file index.html dengan isi sebagai berikut:
<!doctype html>
<title>Site Maintenance</title>
<style>
body { text-align: center; padding: 150px; }
h1 { font-size: 50px; }
body { font: 20px Helvetica, sans-serif; color: #333; }
article { display: block; text-align: left; width: 650px; margin: 0 auto; }
a { color: #dc8100; text-decoration: none; }
a:hover { color: #333; text-decoration: none; }
</style>
<article>
<h1>We’ll be back soon!</h1>
<div>
<p>Sorry for the inconvenience but we’re performing some maintenance at the moment. If you need to you can always <a href="mailto:#">contact us</a>, otherwise we’ll be back online shortly!</p>
<p>— The Team</p>
</div>
</article>
Silahkan mengunggah dengan cara apa pun bisa menggunakan Alibaba Cloud CLI, Filezilla, atau langsung dari konsol. Saya sendiri saat ini unggah menggunakan konsol biar mudah, sekarang kita bisa lihat ada 1 berkas bernama index.html yang berada di bucket kita.
Sekarang pada menu sebelah kiri pilih Data Management > Static Pages, klik Configure. Pada halaman ini kita akan mengkonfigurasi dengan mengisi Default Homepage dengan index.html yang mengartikan ketika bucket ini diakses maka index.html.
Penjelasan lebih lanjut tentang kolom konfigurasi di atas adalah sebagai berikut:
| Parameter | Deskripsi |
| Default Homepage | Diisi oleh nama berkas seperti index.html, ini akan menjadi tampilan pertama ketika pengguna mengakses bucket melalui peramban. |
| Subfolder Homepage | Menentukan apakah akan mengaktifkan fitur beranda subdirektori untuk bucket. Dalam contoh ini, Pilih Nonaktif. Dalam hal ini, saat Anda mengakses direktori root dari bucket atau subdirektori yang URL-nya diakhiri dengan garis miring (/), objek beranda default dalam direktori root bucket akan dikembalikan. |
| Default 404 page | Diisi oleh nama berkas yang akan ditampilkan ketika pengguna mendapatkan pesan 404 Not Found. |
Sekarang tinggal coba akses bucket, jika muncul tampilan dari index.html yang sudah kita buat tadi maka kita telah berhasil menjadikan Alibaba Cloud Object Storage Services menjadi sebuah hosting untuk web statis.
