Buat situs web statis sederhana, murah, didukung CDN menggunakan satu skrip AWS CloudFormation. Sempurna untuk situs yang dibangun menggunakan generator situs statis misalnya Gatsby, Hugo, 11ty; aplikasi React tanpa kewarganegaraan; atau sekadar file HTML, CSS, dan gambar lama.
Daftarkan domain di AWS di sini
Membuat Zona yang Di-host untuk domain tersebut di Route53
Buat tumpukan CloudFormation baru menggunakan templat simple-static-website.yaml
. Ini HARUS dilakukan di us-east-1
karena kendala dengan CloudFront.
Berikan parameternya:
Sediakan tumpukan CloudFormation menggunakan konsol atau dengan awscli:
aws cloudformation deploy
--stack-name foo
--template-file simple-static-website.yaml
--parameter-overrides
DomainName=example.com
HostedZoneId=ABCDEFGHIJK0123456789
WebsiteName=www
Masukkan file index.html sederhana ke dalam bucket S3 yang baru dibuat. Periksa output CloudFormation dari tumpukan untuk contoh perintah awscli.
Kunjungi situs web baru Anda di domain yang Anda berikan. Lihat keluaran CloudFormation untuk URL.
Ingatlah bahwa CDN CloudFront akan menyimpan situs web Anda dalam cache di beberapa lokasi di seluruh dunia. Jika Anda mengubah situs, Anda harus membuat cache tidak valid. Dikenakan biaya, namun secara keseluruhan ini adalah pengaturan yang sangat murah karena tidak menjalankan server apa pun.
Skrip ini terinspirasi oleh postingan blog Alain Seng yang luar biasa, serta keluaran dari situs saya yang disediakan secara manual dan dijalankan melalui templat CloudFormer Amazon yang sekarang sudah tidak berfungsi. CloudFormer adalah alat yang luar biasa, namun telah disingkirkan oleh Amazon karena meningkatnya jumlah CVE yang membuat solusi tersebut terbuka bagi pengguna. Ada tulisan bagus dari karimelmel tentang ini di sini. Terima kasih kepada eisenhowerj karena telah meningkatkan skrip CloudFormation saya, dan menambahkan fitur baru.