Apa itu Angular 7?
Angular 7 adalah sebuah framework JavaScript yang sangat populer. Framework ini dikembangkan oleh tim Angular Google dan dirancang untuk memudahkan pembuatan aplikasi web yang kompleks. Angular 7 juga memiliki banyak fitur baru yang membuatnya lebih baik dari versi sebelumnya.
Framework ini sangat mudah digunakan, dan dapat meningkatkan produktivitas dalam pengembangan aplikasi. Dalam artikel ini, kita akan membahas cara deploy aplikasi Angular 7 di hosting.
Persiapan sebelum Deploy
Sebelum melakukan deploy aplikasi Angular 7 di hosting, ada beberapa hal yang perlu dipersiapkan terlebih dahulu. Pertama, pastikan bahwa aplikasi yang ingin di-deploy sudah siap dan telah diuji dengan baik. Pastikan juga bahwa kode sudah bersih dan tidak ada masalah.
Kemudian, pastikan bahwa Anda memiliki akses ke server hosting yang akan digunakan. Selain itu, pastikan bahwa server tersebut sudah memiliki Node.js dan npm terbaru. Anda juga harus memiliki akses ke terminal atau command prompt di server Anda.
Terakhir, pastikan bahwa Anda sudah memiliki domain atau subdomain yang akan digunakan untuk deploy aplikasi Anda.
Langkah-langkah untuk Deploy Angular 7
Berikut adalah langkah-langkah untuk deploy aplikasi Angular 7 di hosting:
Langkah 1: Build Aplikasi
Langkah pertama adalah mem-build aplikasi Angular 7 Anda. Untuk melakukan ini, buka terminal atau command prompt, dan navigasi ke direktori aplikasi Anda. Kemudian, ketik perintah berikut:
ng build –prod
Perintah ini akan mem-build aplikasi Anda dalam mode produksi. Hasilnya adalah file-file statis yang siap di-deploy di server Anda.
Langkah 2: Upload File ke Server
Setelah aplikasi Anda selesai di-build, selanjutnya adalah meng-upload file-file tersebut ke server hosting Anda. Anda dapat menggunakan FTP atau SFTP untuk melakukan ini.
Pastikan bahwa Anda meng-upload semua file yang ada di direktori dist/ di dalam aplikasi Anda.
Langkah 3: Konfigurasi Server
Setelah file-file aplikasi Anda di-upload ke server, selanjutnya adalah melakukan konfigurasi server. Pertama, buka file konfigurasi web server Anda. Jika Anda menggunakan Apache, file konfigurasi biasanya bernama httpd.conf.
Kemudian, tambahkan baris berikut di dalam file konfigurasi Anda:
DocumentRoot /path/to/dist/folder
Ganti /path/to/dist/folder dengan direktori dimana Anda meng-upload file-file aplikasi Anda di server.
Langkah 4: Tes Aplikasi Anda
Selanjutnya, tes aplikasi Anda untuk memastikan bahwa semua file di-upload dengan benar dan server sudah dikonfigurasi dengan baik. Buka browser Anda dan ketik URL domain atau subdomain yang Anda gunakan untuk aplikasi Anda.
Jika semuanya berhasil, maka Anda akan melihat aplikasi Angular 7 Anda berjalan di browser Anda.
Kesimpulan
Deploy aplikasi Angular 7 di hosting tidaklah sulit, asalkan Anda mengikuti langkah-langkah yang tepat. Pastikan bahwa Anda sudah mem-build aplikasi Anda, meng-upload file-file tersebut ke server, melakukan konfigurasi server, dan melakukan tes aplikasi Anda. Dengan melakukan langkah-langkah tersebut, maka aplikasi Angular 7 Anda akan berjalan dengan baik di server Anda.