Selamat datang di AWS Amplify Hosting

AWS Amplifyadalah seperangkat alat dan fitur yang dibuat khusus yang memungkinkan pengembang web dan seluler frontend untuk membangun aplikasi full-stack dengan cepat dan mudah. AWS Amplify menyediakan dua layanan: Amplify Hosting dan Amplify Studio. Amplify Hosting menyediakan alur kerja berbasis git untuk menghosting aplikasi web tanpa server full-stack dengan penerapan berkelanjutan. Panduan pengguna ini memberikan informasi yang Anda butuhkan untuk memulai Amplify Hosting.

Amplify fitur Hosting

• Amplify Hosting mendukung kerangka kerja SPA umum, misalnya, React, Angular, Vue.js, Ionic, dan Ember, serta generator situs statis seperti Gatsby, Eleventy, Hugo,, dan Jekyll. VuePress

• Kelola lingkungan produksi dan penentuan tahap untuk frontend dan backend dengan menghubungkan cabang-cabang baru. Lihat, penerapan cabang fitur.

• Hubungkan aplikasi ke domain kustom. Lihat, mengatur domain kustom.

• Menyebarkan dan meng-host aplikasi web SSR. Amplify Hosting secara otomatis mendeteksi aplikasi yang dibuat menggunakan framework Next.js.

  Amplify juga mendukung framework SSR berbasis Javascript dengan adaptor build open-source yang mengubah output build aplikasi menjadi struktur direktori yang diharapkan Amplify Hosting. Adaptor tersedia untuk menerapkan aplikasi Nuxt ke Amplify.

• Pratinjau perubahan selama peninjauan kode dengan menyiapkan Pratinjau permintaan tarik.

• Tingkatkan kualitas aplikasi dengan pengujian end to end. Lihat, end-to-end pengujian.

• Kata sandi melindungi aplikasi web Anda sehingga Anda dapat mengerjakan fitur baru tanpa membuatnya dapat diakses secara publik. Lihat, membatasi akses.

• Siapkan penulisan ulang dan pengalihan untuk mempertahankan peringkat SEO dan lalu lintas rute berdasarkan persyaratan aplikasi klien. Lihat, menggunakan pengalihan.

• Deployment atom menghilangkan jendela pemeliharaan dengan memastikan bahwa aplikasi web diperbarui hanya setelah seluruh deployment selesai. Deployment atom menghilangkan skenario di mana file gagal diunggah dengan benar.

Memulai dengan Amplify Hosting

Untuk memulai dengan fitur hosting Amplify, lihat Memulai dengan kode yang ada tutorialnya. Setelah menyelesaikan tutorial, Anda akan dapat menghubungkan repositori git Anda (GitHub, BitBucket Cloud GitLab, danAWS CodeCommit) untuk mengatur penerapan berkelanjutan. Anda juga dapat memulai dengan salah satu contoh deployment kontinu fullstack.

Amplify Studio

Anda dapat mengakses Amplify Studio dari AWS Amplify konsol di file. AWS Management Console Amplify Studio adalah lingkungan pengembangan visual yang menyederhanakan pembuatan aplikasi web dan seluler full-stack yang dapat diskalakan. Gunakan Studio untuk membangun UI frontend Anda dengan sekumpulan komponen ready-to-use UI, buat backend aplikasi, lalu sambungkan keduanya. Lihat panduan pengguna untuk Amplify Studio di dokumen Amplify.

Fitur Amplify Studio

• Pemodelan data visual membantu Anda fokus pada objek khusus domain, bukan infrastruktur cloud.

• Mengatur autentikasi untuk aplikasi Anda.

• Otorisasi andal dan mudah dipahami.

• Saya nfrastructure-as-code mengonfigurasi semua kemampuan backend dengan. AWS CloudFormation

• Bekerja dengan Antarmuka Baris Perintah (CLI) Amplify. Semua pembaruan yang Anda buat di Studio dapat ditarik ke CLI.

• Undang pengguna melalui email untuk mengonfigurasi dan mengelola backend. Pengguna ini juga akan dapat masuk ke CLI Amplify dengan email masing-masing.

• Manajemen konten dengan dukungan markdown.

• Kelola pengguna dan grup untuk aplikasi Anda.

• Gunakan desainer visual Studio untuk membangun komponen UI frontend. Pilih dari lusinan desain di pustaka komponen UI yang sudah dibuat sebelumnya.

• Impor prototipe Figma yang dibangun oleh desainer ke Studio sebagai kode React.

• Sesuaikan UI frontend Anda dengan tema untuk menerapkan gaya global ke komponen aplikasi Anda.

• Konfigurasikan dan uji komponen UI Anda secara langsung di dalam Studio untuk melihat cara mereka memperbarui dan menampilkan data.

• Ikat backend yang terhubung dengan cloud ke UI frontend Anda dalam beberapa langkah sederhana.

Memulai dengan Amplify Studio

Anda tidak memerlukan AWS akun untuk mulai menggunakan Studio untuk membuat backend. Tanpa akun AWS, Anda dapat memulai pemodelan data untuk backend Anda secara lokal.

Dengan AWS akun, Anda memiliki akses ke serangkaian fitur Studio yang diperluas untuk mengelola lingkungan backend serta desainer visual untuk membuat komponen UI frontend yang dapat Anda sambungkan ke backend aplikasi Anda. Untuk informasi selengkapnya, lihat Memulai di dokumen Amplify.

Aplikasi web SPA modern

Panduan pengguna ini ditujukan untuk pelanggan yang memiliki pemahaman dasar seputar aplikasi web halaman tunggal (SPA) modern. Aplikasi web modern dibangun sebagai SPA yang menggabungkan semua komponen aplikasi ke dalam file statis. Arsitektur web client-server tradisional menyebabkan pengalaman buruk; setiap klik tombol atau pencarian membutuhkan komunikasi dua arah ke server sehingga aplikasi keseluruhan dirender ulang. Aplikasi web modern menawarkan pengalaman pengguna seperti aplikasi asli dengan menyajikan frontend aplikasi, atau antarmuka pengguna, secara efisien ke browser sebagai JavaScript file HTML/bawaan yang kemudian dapat memanggil fungsionalitas backend tanpa memuat ulang halaman.

Fungsionalitas aplikasi web modern sering kali tersebar di beberapa tempat, seperti basis data, layanan autentikasi, kode frontend yang berjalan di peramban, dan logika bisnis backend, atau fungsi AWS Lambda, yang berjalan di cloud. Hal ini membuat deployment aplikasi rumit dan memakan waktu karena developer harus mengoordinasikan deployment secara hati-hati di seluruh frontend dan backend guna menghindari deployment sebagian atau kegagalan deployment. Amplify menyederhanakan penerapan frontend dan backend dalam satu alur kerja.