Daftar Isi:

Cara Menyebarkan Aplikasi Node.js di Heroku: 3 Langkah
Cara Menyebarkan Aplikasi Node.js di Heroku: 3 Langkah

Video: Cara Menyebarkan Aplikasi Node.js di Heroku: 3 Langkah

Video: Cara Menyebarkan Aplikasi Node.js di Heroku: 3 Langkah
Video: Cara deploy aplikasi NodeJS ke HEROKU dari 0 sampai berhasil 2024, November
Anonim
Cara Menyebarkan Aplikasi Node.js di Heroku
Cara Menyebarkan Aplikasi Node.js di Heroku

Inilah cara saya menerapkan Aplikasi NodeJS saya di Heroku menggunakan akun gratis. Cukup klik tautan untuk mengunduh perangkat lunak yang diperlukan:

Perangkat lunak yang digunakan:

VSCode (atau editor teks pilihan Anda)

HerokuCLI

Git

Langkah 1: Buat Package.json

Pengantar:

Heroku adalah situs web hosting yang memungkinkan ypu untuk menyebarkan 5 aplikasi secara gratis dengan runtime 500+ jam per bulan. Untuk menerapkannya, Anda harus mengunggah 3 file:

File package.json dan package-lock.json. Anda dapat mengikuti tutorial saya yang lain untuk tutorial langkah demi langkah dalam membuatnya dengan mengklik di sini. Package-lock.json muncul secara otomatis setelah package.json dibuat. Karena kami akan menjalankannya di herku, pada paket Anda, file json Anda perlu menentukan skrip awal dan versi simpul Anda di enines. untuk sekarang jalankan perintah node -v. Berikut ini contohnya:

{

"nama": "heroku", "versi": "1.0.0", "keterangan": "", "main": "index.js", "skrip": {

"test": "echo \"Kesalahan: tidak ada tes yang ditentukan\" && keluar 1", "mulai": "server simpul.js"

}, "kata kunci": , "Pengarang": "", "lisensi": "ISC", "mesin": {

"simpul": "12.x"

}

}

Langkah 2: Buat Aplikasi Node.js Anda

Karena aplikasi ini akan berjalan pada port yang diberikan heroku kepada kita, kita perlu menentukan kode yang akan diberikan kepada kita dengan menggunakan kode ini process.env. PORT. Inilah aplikasi node js yang mengatakan "halo":

const http = membutuhkan('http'); //memuat perpustakaan untuk mengaktifkannya sebagai servervar port = process.env. PORT || 5000; //menentukan no port untuk apa pun yang diberikan heroku atau 5000 pada host lokal http.createServer(function(req, res){ // membuat server res.writeHead(200, {'Content-type':'text/plain'}); //Menentukan bahwa jawaban "halo" adalah teks res.end("hello"); //menampilkan teks "halo" pada halaman web }).listen(port); // melampirkan server ini ke port no.

Langkah 3: Prompt Perintah

Prompt Perintah
Prompt Perintah
Prompt Perintah
Prompt Perintah
Prompt Perintah
Prompt Perintah
  • Buka command prompt Anda dengan menekan Windows + R untuk membuka kotak "Run" kemudian ketik "cmd" dan kemudian klik "OK"
  • Pada CMD Anda, masuk ke root dengan mengetik "cd.." sampai tidak ada path yang disertakan.
  • Periksa apakah npm (manajer perpustakaan diinstal oleh node), git dan heroku diinstal dengan benar dengan mengetik:

npm --versi

git --version heroku --version

Masuk ke akun herku Anda

login heroku

Ini membuat aplikasi di heroku:

heroku buat

Untuk mengunggah file Anda, Anda harus membuka jalurnya dengan mengetik cd

CD

Buat repositori (folder) baru di perangkat locl Anda untuk item di jalur ini

git init

Hubungkan dari jarak jauh ke folder di heroku melalui git di aplikasi Anda

heroku git:jarak jauh

Salin file ini dari jarak jauh ke repositori git lokal Anda melalui git di aplikasi Anda

git tambahkan.

Simpan perubahan yang telah Anda lakukan pada folder dengan pesan "buat lebih baik"

git commit -am "buat lebih baik"

Unggah file ke folder git di heroku. Tunggu di download

git push heroku master

membuka aplikasi

buka aplikasi heroku

Direkomendasikan: