Penerapan Heroku - Cara Mendorong Aplikasi Web atau Situs ke Produksi

Dalam hal penerapan aplikasi, biasanya ada dua opsi: VPS atau PaaS (platform sebagai layanan). Artikel ini akan menunjukkan kepada Anda resep untuk menerapkan aplikasi ke produksi di PaaS seperti Heroku.

Langkah 1 - Buat proyek

Langkah pertama adalah membuat struktur sederhana untuk proyek kita dengan beberapa file dasar. Untuk artikel ini, saya akan membuat server demo dengan NodeJS.

Di folder baru saya akan membuka terminal dan menjalankan perintah npm init -yuntuk membuat proyek baru. Server dummy akan ditulis dalam Express, jadi kita perlu menjalankan npm install expressperintah untuk menginstal modul ini.

Setelah perpustakaan ini dipasang, kita dapat membuat file baru untuk proyek kita, bernama app.js. Di dalamnya kami akan menulis kode untuk server sederhana kami:

Kita bisa memulai aplikasi dengan menjalankan node app.js. Kemudian kita bisa mencobanya di URL berikut //localhost:3000. Pada titik ini Anda akan melihat pesan Hello Worlddi browser.

Langkah 2 - Sistem kontrol versi

Langkah selanjutnya adalah memilih sistem kontrol versi dan menempatkan kode kita di platform pengembangan di repositori.

Sistem kontrol versi paling populer adalah Git bersama dengan Github sebagai platform pengembangan, jadi itulah yang akan kami gunakan di sini.

Di GitHub, lanjutkan dan buat repositori baru untuk aplikasi Anda, seperti ini:

Untuk mengunggah kode lokal Anda ke dalam repositori, Anda perlu menjalankan perintah yang terdaftar di Github setelah Anda mengklik Create repositorytombol:

! Sebelum kita melakukan ini, kita harus mengabaikan beberapa file. Kami ingin mengunggah ke repositori hanya kode yang kami tulis, tanpa dependensi (modul yang diinstal).

Untuk itu, kita perlu membuat file baru .gitignoredan di dalamnya tulis file yang ingin kita abaikan.

Sekarang, kita dapat menulis perintah yang tercantum pada gambar di atas (yang dari GitHub).

Jika Anda menjalankan perintah dengan benar, maka itu akan ada di halaman repositori Anda. Jika Anda menyegarkannya, Anda akan melihat file Anda, kecuali file yang secara eksplisit Anda abaikan, yaitu node_modules.

Langkah 3 - Tautkan repositori dengan Heroku

Pada langkah ini, kita dapat menautkan repositori dari Github ke aplikasi Heroku kita.

Pertama, buat aplikasi baru di Heroku dan ikuti langkah-langkah yang tercantum di platform.

Setelah aplikasi dibuat, jendela yang mirip dengan ini akan muncul:

Sekarang, jika Anda melihat navigasi di bagian atas, Anda akan melihat   Overview, Resources, Deploy, Metrics  dan sebagainya. Pastikan itu Deploydipilih. Kemudian di baris kedua, klik ikon GitHub.

Cari aplikasi yang diinginkan, yang demo-deploy-app-09dalam kasus kami. Lalu klik Connect.

Setelah aplikasi berhasil terhubung dengan akun Heroku Anda, Anda dapat mengklik Deploy Branchuntuk menyebarkan aplikasi Anda.

Jika mau, Anda juga dapat memilih opsi Enable Automatic Deploysyang secara otomatis akan menarik kode dari repositori Github Anda setiap kali Anda melakukan push ke repositori itu.

Setelah aplikasi di-deploy, Anda dapat mengklik View untuk membuka aplikasi Anda.

Langkah 4 - Konfigurasikan Heroku untuk menjalankan aplikasi dengan benar

Jika Anda membuka aplikasi pada saat ini, Anda akan melihat sesuatu seperti ini:

Benar, ada kesalahan. Itu karena Heroku tidak tahu bagaimana memulai aplikasi kita.

Jika Anda ingat, kami menjalankan perintah node app.jsuntuk memulai aplikasi secara lokal.

Heroku tidak memiliki cara untuk mengetahui perintah apa yang perlu dijalankan untuk memulai aplikasi, dan itulah mengapa ia membuat kesalahan.

Untuk mengatasi masalah ini, kita harus membuat file baru bernama Procfiledengan konten berikut: web: node ./app.js.

Untuk memperbarui aplikasi kita, yang perlu kita lakukan hanyalah memasukkan komit baru ke GitHub. Jika kami telah mengaktifkan Automatic Deploysopsi tersebut, maka kode akan secara otomatis ditarik ke Heroku. Jika tidak, kita perlu mengklik Deploy Branchlagi.

Setelah aplikasi dibangun kembali, kita akan melihatnya berfungsi seperti ini:

Langkah 5 - Cara menambahkan add-on

Salah satu manfaat utama yang disediakan Heroku adalah kenyataan bahwa Anda dapat dengan mudah menambahkan sumber daya dalam bentuk add-onsproyek ke proyek Anda. Sumber daya eksternal ini datang dalam bentuk database, alat logging & pemantauan, alat CI dan CD, atau alat pengujian.

Jadi sekarang mari kita lihat cara menambahkan sumber daya baru ke proyek Anda. Pertama, kita akan pergi ke Sumber, dan dari sana kita akan menambahkan alat baru untuk pengujian.

Silakan klik Find more add-onsdan kemudian cari Loadmill.

Loadmill adalah alat pengujian yang sangat bagus untuk pengujian regresi dan pengujian beban.

Silakan dan klik Install…. Kemudian pilih aplikasi yang ingin Anda tautkan.

Pada langkah ini, Heroku secara otomatis akan membuat akun baru untuk Anda di platform yang disediakan.

Di tab sumber daya, Anda dapat melihat sumber daya yang baru ditambahkan:

Jika Anda melanjutkan dan mengakses add-on ini, Anda akan melihat dasbornya dengan tutorial intro dan tes demo yang dibuat untuk Anda.

Kesimpulan

Heroku memungkinkan pengembang untuk menyebarkan aplikasi dengan cepat dan hampir tanpa rasa sakit di server web.

Ini juga menyediakan banyak plugin yang dapat Anda integrasikan ke dalam aplikasi Anda.

Solusi PaaS akan selalu memungkinkan Anda untuk bergerak lebih cepat daripada solusi dengan VPS di mana Anda harus mengkonfigurasi semuanya dari awal.