Cara Meng-host Situs Web Statis di Cloud Dengan AWS S3

Awan publik adalah pilihan umum untuk situs web dan aplikasi modern sebelum hosting pribadi. Ini karena faktor-faktor seperti efektivitas biaya dan skalabilitas.

Situs web statis menampilkan file HTML, CSS, dan JavaScript yang sudah dibuat sebelumnya di server. Ini berbeda dari situs web dinamis yang menghasilkan konten berdasarkan tindakan atau preferensi pengguna.

Platform cloud membuat hosting situs web statis menjadi sederhana dan murah. Anda dapat menerapkan situs web statis di cloud menggunakan penyedia cloud AWS.

Apa itu AWS S3?

Amazon Simple Storage Service (S3) adalah layanan penyimpanan data yang ditawarkan oleh Amazon. Anda dapat menganggap S3 sebagai platform web yang disediakan oleh Amazon tempat Anda dapat menyimpan file dan jenis data lainnya di cloud.

AWS S3 adalah salah satu mekanisme penyimpanan cloud paling populer yang tersedia di internet. Ini adalah ruang penyimpanan banyak aplikasi web skala kecil dan besar saat ini. Contohnya adalah Netflix yang menampung semua konten streaming di dalamnya.

AWS S3 mengadopsi arsitektur penyimpanan objek yang membuatnya tahan lama, skalabel, dan sangat tersedia untuk digunakan dalam keadaan apa pun. Anda dapat menggunakannya untuk penyimpanan aplikasi web, pencadangan, arsip data, pemulihan bencana, dan—yang menarik—hosting situs web.

Apa itu Bucket S3?

Di AWS S3, unit penyimpanan memiliki tipe yang berbeda, dan yang paling mendasar adalah objek—hanya file. Bucket S3 adalah kumpulan objek dari berbagai jenis. Anda dapat membayangkan ember S3 sebagai folder root dari seluruh sistem yang terdiri dari banyak file dan folder dari berbagai jenis.

Anda dapat mengelola bucket S3 dengan berbagai cara. Anda dapat melakukannya dari konsol AWS, melalui AWS CLI, menggunakan AWS SDK, dan dengan mengirim atau mengambil data di aplikasi Anda melalui REST API.

See also  Cara Membuat API CRUD Dengan Gin dan MongoDB Golang

S3 dapat diskalakan, sehingga bucket dapat menampung hampir semua file apa pun jenis atau ukurannya. Bahkan, satu objek bisa sebesar 5 Terabyte. Inilah sebabnya mengapa bucket S3 cocok untuk pencadangan dan pemulihan bencana.

Objek yang disimpan dalam bucket S3 biasanya dapat diakses (hanya-baca) melalui URL yang unik untuk setiap objek. Anda juga dapat menggunakan bucket S3 untuk hosting web statis karena bucket tersebut dapat menyajikan objek melalui HTTP.


Lalu bagaimana Anda bisa menggunakan S3, dan mungkin menjadikannya sebagai platform default Anda untuk menghosting situs web statis?

Cara Membuat Bucket S3 dan Mengonfigurasinya untuk Web Hosting

Berikut adalah prosedur langkah demi langkah untuk membuat dan mengonfigurasi bucket Amazon S3. Anda juga akan mempelajari cara mengaktifkan hosting web statis dalam ember.

Untuk mengikuti, Anda harus mendaftar untuk akun AWS jika Anda belum memilikinya. Untuk membuat bucket S3 untuk menghosting situs web statis Anda, masuk ke konsol AWS Anda dan ikuti lima langkah di bawah ini.

  1. Cari layanan S3 dan navigasikan ke dasbor S3.
  2. Klik pada Buat ember tombol untuk mengonfigurasi dan membuat bucket baru.
  3. Hal pertama yang harus dilakukan pada layar konfigurasi bucket adalah memberi nama unik pada bucket Anda. S3 akan mencegah Anda membuat ember jika namanya sudah diambil. Pilih wilayah pilihan untuk keranjang Anda atau biarkan wilayah dipilih secara default. Juga, biarkan bagian “Kepemilikan Objek” sebagai default.
  4. Untuk menghosting situs web statis di S3, Anda harus membuat bucket tersedia untuk umum. Jadi pada langkah selanjutnya, hapus centang pada Blokir semua akses publik pilihan. Kemudian akui pada prompt peringatan yang muncul di bawahnya bahwa Anda setuju untuk mempublikasikannya. Pembuatan versi bucket tidak diperlukan, jadi Anda harus menonaktifkannya.
  5. 3 langkah terakhir tidak perlu tindakan dari Anda. Anda dapat menambahkan tag jika Anda mau, seperti contoh tag di sini yaitu “deskripsi”. Biarkan enkripsi default dinonaktifkan dan klik pada Buat ember tombol untuk membuat ember baru Anda.


See also  Cara Menggunakan Kata Sandi Terenkripsi di Skrip Shell di Linux

Langkah selanjutnya adalah mengonfigurasi bucket S3 baru untuk hosting web statis. Untuk melakukan ini, klik nama bucket di dasbor S3 dan, pada layar baru yang dimuat, navigasikan ke Properti tab.

Gulir ke bawah ke Hosting situs web statis bagian dan klik pada Sunting tombol. Ini akan membuka layar konfigurasi hosting situs web statis.

Aktifkan dan biarkan jenis Hosting sebagai default. Sebuah catatan di layar ini mengatakan: “Agar pelanggan Anda dapat mengakses konten di titik akhir situs web, Anda harus membuat semua konten Anda dapat dibaca oleh publik…”. Inilah sebabnya mengapa perlu untuk mengizinkan akses publik saat membuat ember sebelumnya.

Itu Dokumen indeks field adalah tempat Anda menentukan file indeks situs web Anda yang biasanya index.html. Itu Dokumen kesalahan adalah halaman yang ingin Anda tampilkan setiap kali terjadi kesalahan, seperti kesalahan 404.

Simpan perubahan dan kembali ke layar properti. Anda harus memperhatikan yang baru Titik akhir situs web bucket dalam Hosting situs web statis bagian. Anda akan dapat menggunakan URL ini untuk mengakses situs web Anda setelah Anda selesai mengaturnya.

Anda sekarang memiliki bucket yang dikonfigurasi dan siap untuk meng-host situs web statis. Lalu bagaimana Anda menambahkan file situs web Anda ke ember dan melihat situs web Anda?

Cara Mengunggah File dan Folder ke Bucket S3

Untuk meng-host situs web statis Anda di cloud pada S3, Anda perlu mengunggah file dan folder Anda ke bucket S3 yang dikonfigurasi. Arahkan kembali ke tab objek dan klik salah satu tombol unggah untuk mengunggah file situs web Anda.

Layar berikutnya adalah tempat Anda dapat menambahkan file dan folder yang ingin Anda unggah ke bucket. Pastikan Anda menambahkan file index.html dan setiap file atau folder lain yang terkait dengan situs web Anda di sini. Folder yang mungkin ingin Anda tambahkan adalah folder CSS, JavaScript, dan gambar.

See also  Cara Mengirim Email di Go Menggunakan Paket Net/SMTP

Anda dapat menambahkan file dan folder baik dengan drag and drop atau dengan menggunakan tombol “Add files” atau “Add folders”. Setelah Anda menambahkan semua file dan folder, klik tombol unggah di akhir layar. Tunggu hingga file diunggah, lalu Anda dapat mengklik tombol tutup untuk kembali ke layar “Objek”.

Cara Mengamankan dan Mempratinjau Situs Web yang Di-deploy

Pada tahap ini, kita hampir selesai, dan situs web hampir siap untuk dipratinjau di browser. Situs belum dapat dibuka karena kebijakan Manajemen Akses dan Identitas Amazon yang mencegah akses ke sumber daya dalam ember.

Anda harus mengizinkan akses ke sumber daya bucket sendiri. Buka tab izin di dasbor bucket dan edit kebijakan Bucket. Salin dan tempel kode di bawah ini, dan ganti “nama situs web” dengan nama keranjang Anda.

{
"Version": "2012-10-17",
"Statement": [ {
"Sid": "AddPerm",
"Effect": "Allow",
"Principal": "*",
"Action": "s3:GetObject",
"Resource": "arn:aws:s3:::website-name/*"
} ]
}

Simpan perubahan dan kunjungi kembali tab properti sekali lagi untuk mendapatkan URL situs web dari bagian situs web statis. Salin dan tempel URL ke browser, dan Anda akan melihat situs web statis Anda.

Hosting situs statis di cloud adalah alternatif yang lebih aman dan skalabel untuk menghosting situs web statis di halaman Github. Terutama untuk situs dengan file multimedia yang berat.

Menyebarkan Situs Web Statis di Cloud

Cukup mudah untuk menerapkan situs web statis di cloud menggunakan AWS S3. Anda harus mempertimbangkan untuk mendapatkan nama domain khusus untuk situs produksi final.

Amazon menawarkan layanan nama domainnya sendiri, Route 53. Anda juga dapat melihat penyedia DNS lain untuk mendapatkan nama domain pilihan Anda.

Cloud sangat hemat biaya dan mudah digunakan. Pertimbangkan untuk menjadikannya pilihan default Anda untuk hosting situs web statis.