‫Instruktur: Jadi, setelah sekian
‫lama dan semua pekerjaan ini membangun proyek lengkap yang
‫besar ini, sekarang akhirnya saatnya untuk benar-benar
‫menyebarkannya ke server web dan benar-benar membaginya dengan dunia.
‫Jadi, dalam video ini, Anda
‫akan belajar cara men-deploy proyek ke Heroku.
‫Dan, hal pertama yang sebenarnya perlu
‫kita lakukan adalah menginstal Heroku di komputer kita.
‫Jadi, mari kita cari Heroku NodeJS.
‫Jadi, di sini, pada dasarnya kami
‫memiliki panduan memulai untuk NodeJS dengan Heroku karena
‫Anda dapat meng-host semua jenis aplikasi di
‫Heroku seperti aplikasi PHP atau Ruby on Rails.
‫Jadi, ini tidak hanya berfungsi untuk NodeJS.
‫Dan, kita akan melihat lebih dekat Heroku sebentar lagi,
‫tapi untuk sekarang, mari kita mulai dengan menginstal
‫program ini di sini.
‫Jadi, saya berada di bagian penyiapan panduan ini di sini.
‫Jadi, sekarang, silakan lanjutkan dan instal
‫penginstal untuk platform Anda, baik itu
‫macOS, Windows, atau Linux.
‫Atau, dalam hal ini di sini, saya kira itu hanya berfungsi untuk Ubuntu.
‫Tidak, sebenarnya dikatakan di sini bahwa ini
‫juga tersedia untuk Linux lain.
‫Bagaimanapun, silakan lanjutkan dan instal versi
‫yang Anda perlukan
‫untuk komputer Anda dan kemudian, sementara itu,
‫saat menginstal, lanjutkan dan buat akun baru.
‫Jadi, klik di sini pada
‫Daftar dan kemudian buka akun Heroku gratis Anda.
‫Jadi, akun lain yang perlu Anda buat.
‫Jadi, sebenarnya ada banyak akun
‫berbeda yang perlu Anda buat untuk menyelesaikan proyek
‫ini, tapi saya rasa begitulah cara kerja pengembangan web modern.
‫Bagaimanapun, setelah akun Anda
‫dibuat, mari kita lihat sekilas di situs
‫web Heroku hanya untuk mendapatkan gambaran umum tentang platform ini.
‫Jadi, Heroku adalah platform
‫ini yang membuatnya sangat, sangat mudah dan tidak
‫merepotkan untuk menyebarkan aplikasi web Anda.
‫Dan, sekali lagi, mereka dapat menggunakan bahasa apa pun yang
‫dapat Anda bayangkan.
‫Seperti yang Anda lihat, NodeJS, Ruby
‫on Rails, yang ini saya kira adalah Go,
‫atau sebenarnya Java, atau PHP, Python, yang ini Go, kan?
‫Jadi, semua jenis aplikasi benar-benar berjalan di Heroku.
‫Jadi, mari kita lihat apa yang mereka katakan di sini.
‫Dan, ini sebagian besar hanya pembicaraan pemasaran saya kira.
‫Jadi, tidak ada yang terlalu menarik di sini.
‫Namun, tentu saja, Anda dapat melihat semua manual
‫yang berbeda ini di sini.
‫Dan, sebenarnya gratis untuk memulai Heroku pada
‫aplikasi yang sangat mendasar.
‫Tapi, tentu saja, begitu Anda mulai menaikkannya,
‫Anda harus mulai membayar.
‫Tapi, di sini, versi gratisnya,
‫seperti yang Anda lihat, hadir dengan semua fitur platform inti.
‫Anda bahkan dapat menambahkan domain khusus.
‫Tapi, satu-satunya masalah dengan itu
‫adalah aplikasi pada dasarnya akan tidur, jadi, pada
‫dasarnya, setelah 30
‫menit tidak ada yang mengakses aplikasi.
‫Tapi, bagaimanapun, Anda
‫dapat melihat semua ini sendiri.
‫Jadi, sekarang mari kita kembali ke proyek kita di sini.
‫Dan, untuk memulai proses penerapan, mari
‫kita mulai dengan masuk ke Heroku di baris perintah kita.
‫Dan, itu akan berhasil karena penginstalan yang baru saja
‫kita lakukan.
‫Baiklah, mari kita beri lebih banyak ruang di sini.
‫Bersihkan itu dan sekarang tulis login heroku.
‫Jadi, jika instalasi Heroku Anda berhasil, setelah mengetik
‫login heroku, Anda akan melihat pesan ini di sini, tekan
‫sembarang tombol untuk membuka browser.
‫Jadi, cukup tekan tombol apa saja, seperti yang tertulis,
‫kecuali Q karena itu akan keluar dari aplikasi.
‫Jadi, itu akan membuka jendela untuk Anda di mana
‫Anda bisa masuk.
‫Dan, setelah itu, seperti sulap,
‫Anda akan masuk ke Heroku di baris perintah Anda.
‫Jadi, mungkin perlu sedikit dan kadang-kadang,
‫itu bahkan tidak berhasil pada percobaan pertama.
‫Jadi, sebenarnya itu terjadi pada saya sebelumnya.
‫Jadi, tekan saja kontrol C.
‫Jadi, di Mac, itu benar-benar kontrol C, bukan perintah C.
‫Dan. Mari kita coba lagi.
‫Tekan tombol apa saja, kembali ke browser, masuk lagi.
‫Kembali lagi, dan selesai.
‫Jadi, Anda lihat, sekarang saya masuk dengan alamat email saya.
‫Jadi, sekali lagi, ini bukan pertama
‫kalinya itu tidak berhasil bagi saya untuk pertama kalinya.
‫Jadi, jika itu terjadi
‫pada Anda, lakukan saja persis seperti yang saya lakukan di sini.
‫Bagaimanapun, sekarang, dengan ini, kita
‫masuk ke Heroku di sini di konsol
‫kita dan sekarang kita seharusnya dapat membuat proyek baru.
‫Sekarang, sebelum melakukan itu, kita sebenarnya perlu mengubah
‫sesuatu dalam paket NPM kita. berkas json.
‫Jadi, yang ini.
‫Dan, itu karena Heroku sebenarnya
‫menggunakan perintah start kami di sini untuk memulai aplikasi kami.
‫Sekarang, dalam produksi, kami tidak ingin menggunakan nodemon di sini.
‫Kami hanya ingin menjalankan
‫aplikasi kami menggunakan perintah node dan bukan
‫nodemon karena itu benar-benar hanya untuk pengembangan.
‫Jadi, mari kita ubah itu dan saya akan menduplikasi baris ini
‫dan kemudian kita akan menyebutnya dev.
‫Dan kemudian, yang mulai hanya akan menjadi simpul.
‫Jadi, sekali lagi, dalam paket Anda. json, Anda harus
‫selalu memiliki skrip awal seperti ini.
‫Jadi, perintah node dan kemudian titik masuk Anda.
‫Sekarang, yang juga penting untuk Heroku
‫adalah Anda menentukan mesin ini di sini.
‫Jadi, kami melakukannya sebelumnya, saya
‫pikir, karena beberapa paket,
‫atau sebenarnya karena ESLint mengharuskannya berfungsi dengan baik.
‫Tapi, jika kita tidak mengaturnya
‫saat itu, maka kita harus benar-benar mengaturnya pada saat ini.
‫Sekarang, karena kita mengubah
‫file ini, sekarang, kita perlu mengkomit perubahan ini ke repositori
‫kita, jadi mari kita git add package. json di sini.
‫Dan kemudian, git komit.
‫Dan kemudian, dengan pesan komit yang berguna.
‫Sekarang, hal lain yang sangat penting
‫saat Anda menerapkan aplikasi ke Heroku adalah Anda mendengarkan
‫port saat proses. lingkungan PELABUHAN.
‫Jadi, di sini, di server, kami benar-benar melakukannya di sini.
‫Jadi, kami menentukan variabel port sebagai proses. lingkungan PELABUHAN.
‫Jadi, sekali lagi, di Heroku, itu mutlak wajib karena jika
‫tidak, itu tidak akan berfungsi sama sekali.
‫Jadi, jika di sini, misalnya,
‫kita hanya menetapkan beberapa port acak, seperti 3000
‫di sini, maka
‫itu tidak akan bekerja dan
‫itu karena di balik layar, Heroku sebenarnya akan menetapkan port
‫acak ke variabel lingkungan ini.
‫Tapi, sedikit lagi tentang itu sebentar lagi
‫karena sekarang, kami benar-benar
‫siap untuk melakukan penerapan yang sebenarnya.
‫Dan, untuk melakukan itu, kami membuat proyek Heroku baru
‫di folder proyek kami.
‫Jadi, pastikan bahwa Anda benar-benar berada di folder
‫root Anda dan kemudian,
‫setelah Anda yakin berada di sana dan Anda masuk
‫ke Heroku, yang telah kami lakukan sebelumnya, Anda dapat menulis heroku create.
‫Dan, ini kemudian akan membuat aplikasi baru pada dasarnya dengan
‫nama yang sepenuhnya acak.
‫Jadi, dalam kasus saya, itu adalah pancaran-mata air dan
‫kemudian nomor ini, tetapi aplikasi Anda,
‫tentu saja, akan memiliki nama yang sama sekali berbeda.
‫Sekarang, yang dilakukan
‫adalah benar-benar membuat cabang jarak jauh baru
‫di repositori Git kami.
‫Dan, cabang ini disebut heroku.
‫Jadi, ingat bagaimana sebelumnya, di salah satu kuliah sebelumnya, kami
‫menambahkan cabang jarak jauh yang menunjuk ke GitHub
‫dan cabang itu disebut asal.
‫Jadi, lalu kami mendorong kode kami ke cabang
‫jarak jauh itu menggunakan git push origin master, jadi seperti ini.
‫Ingat bahwa?
‫Jadi, sekarang, seperti yang
‫saya sebutkan, kami memiliki cabang jarak jauh baru di sini, yang disebut heroku.
‫Jadi, sungguh, proses penerapan aplikasi kita semudah
‫mendorong kode kita ke cabang jarak jauh itu.
‫Jadi, git push heroku master.
‫Dan, itu benar-benar perlu menjadi cabang utama.
‫Ini adalah satu-satunya cabang tempat penerapan ini berfungsi.
‫Tetapi, dalam kasus kami, seperti
‫yang Anda lihat di sini, kami sebenarnya berada
‫di cabang master kami dan Anda juga dapat melihatnya di sini di sudut VS Code.
‫Jadi, itu tidak masalah.
‫Jadi, sekarang mari kita jalankan
‫perintah ini, yang akan memakan waktu
‫beberapa saat karena, tentu saja, itu akan mengunggah semua
‫file Anda yang ada di repositori hingga Heroku.
‫Dan sekarang, Anda melihat semua proses ini sedang berlangsung dan
‫apa yang
‫dilakukannya adalah menginstal semua dependensi kami di sini
‫di aplikasi baru kami.
‫Jadi, dalam aplikasi kami yang sekarang ada di Heroku.
‫Jadi, mari kita tunggu sampai ini selesai
‫dan saya akan melihat Anda kembali ketika proses ini selesai.
‫Dan, itu selesai.
‫Jadi, saya harap Anda mendapat pesan, Memverifikasi penyebaran... selesai.
‫Jadi, Anda lihat, meluncurkan, dan itu benar-benar berarti bahwa
‫aplikasi kita sekarang di-deploy ke Heroku
‫ke URL ini.
‫Jadi, Anda melihat build berhasil.
‫Dan, sungguh, semua pesan yang sudah
‫saya bicarakan sebelumnya.
‫Jadi, sekarang, untuk membuka aplikasi
‫kita, kita hanya perlu menulis heroku open.
‫Sekarang, kami tidak berharap ini berfungsi
‫dulu karena semua variabel lingkungan kami
‫sebenarnya tidak
‫ditentukan karena kami mengecualikan file konfigurasi ini di sini dari
‫repositori Git kami.
‫Tapi, tetap saja, hanya
‫untuk bersenang-senang, mari kita coba membuka aplikasi kita.
‫Jadi, memang, itu membuka URL kami, dalam hal ini,
‫di radian-springs-85848. herokuapp. com.
‫Jadi, pada dasarnya, ini adalah subdomain dari Heroku.
‫Jadi, sekali lagi, seperti yang
‫diharapkan, kami benar-benar mendapatkan beberapa kesalahan di sini.
‫Dan, sekali lagi, itu karena variabel lingkungan kita,
‫pada titik ini, belum didefinisikan.
‫Sekarang, kita juga dapat melihat kesalahan
‫ini di log Heroku.
‫Jadi, izinkan saya menunjukkan itu juga.
‫Jadi, heroku mencatat --tail.
‫Jadi, di sini, Anda melihat status berubah dari penyimpanan menjadi macet, jadi mari kita
‫lihat apa yang kita miliki di sini.
‫Sebenarnya, Anda melihat pesan kesalahan yang
‫kami buat sendiri di sini.
‫Jadi, PENGECUALIAN TAK TERTANGKAP dengan emoji
‫ini lalu Matikan...
‫Dan, Anda lihat
‫di sini, Tidak dapat membaca properti 'mengganti' undefined.
‫Jadi, sekali lagi, itu karena variabel lingkungan
‫tidak didefinisikan pada saat ini.
‫Jadi, mari kita keluar dari log ini di sini, sekali lagi, dengan kontrol C.
‫Jadi, sekarang, mari
‫kita definisikan variabel lingkungan ini
‫untuk membuat aplikasi kita bekerja.
‫Dan, cara
‫kita melakukannya adalah dengan menentukan setiap variabel
‫lingkungan menggunakan perintah Heroku khusus.
‫Jadi, Heroku dan platform hosting lainnya, mereka tidak
‫menggunakan file . env seperti yang kami
‫lakukan di sini dalam pengembangan untuk semua variabel konfigurasi kami.
‫Jadi, sekali lagi, di sini dalam pengembangan, kami menggunakan konfigurasi ini. env untuk menempatkan variabel
‫lingkungan kita.
‫Tapi, di sini di Heroku, kami akan mendefinisikannya
‫dengan cara yang berbeda.
‫Tapi, kemudian dalam kode kami,
‫semua yang kami miliki bekerja persis sama.
‫Jadi, mari kita mulai dengan variabel
‫NODE_ENV yang perlu kita setel ke produksi.
‫Jadi, kita melakukannya dengan mengucapkan heroku config:set
‫dan kemudian nama variabelnya, NODE_ENV=production.
‫Dan, sebenarnya, variabel NODE_ENV ini
‫sebenarnya disetel secara default ke produksi oleh Heroku.
‫Tapi, tetap saja, mari kita pastikan 100%
‫bahwa itu benar-benar tetap seperti
‫ini, bahkan jika Heroku mengubah sesuatu.
‫Jadi, sungguh, untuk memastikan, mari kita tetap
‫melakukan ini karena, seperti yang kita ketahui, banyak kode
‫kita sebenarnya bergantung pada variabel ini
‫dan juga dapat membuat aplikasi Node berjalan hingga tiga kali lebih cepat.
‫Saya pikir kita sudah membicarakannya sebelumnya.
‫Jadi, pentingnya pengaturan NODE_ENV ke produksi.
‫Tapi, bagaimanapun, itu adalah hal yang baik untuk melakukannya sebenarnya.
‫Jadi, tekan saja kembali dan
‫kemudian akan mengatur variabel lingkungan ini
‫dan restart aplikasi.
‫Jadi, sekarang, yang perlu kita lakukan
‫pada dasarnya adalah melakukan
‫ini untuk semua variabel lingkungan yang relevan.
‫Jadi, kami melakukan NODE_ENV, sekarang, port, kami tidak akan mengaturnya
‫karena, seperti yang saya
‫sebutkan sebelumnya, Heroku sebenarnya, di
‫belakang layar, menetapkan port acak ke aplikasi kami.
‫Jadi, selanjutnya, mari tambahkan database.
‫Dan, sebenarnya, mari kita salin semua ini.
‫Dan kemudian, cukup tempel di sini.
‫Dan, itu tidak benar-benar berhasil, jadi mari
‫kita coba dengan beberapa kutipan di sini mungkin.
‫Ya, itu terlihat jauh lebih baik.
‫Selanjutnya, kata sandi basis data.
‫Mari kita bersihkan di sini.
‫Selanjutnya, rahasia.
‫Jadi, seperti ini.
‫Jadi, ini agak membosankan untuk melakukannya untuk mereka semua,
‫tapi, yah, kita hanya perlu
‫melakukannya sekali, jadi itu bukan masalah besar.
‫Sekarang, kita juga membutuhkan yang ini
‫di sini karena semua ini di sini
‫hanya untuk mailtrap dan sebenarnya kita tidak membutuhkannya
‫di produksi karena ingat saat kita sedang
‫produksi, semua email kita sebenarnya dikirim menggunakan SENDGRID dan
‫tidak lagi menggunakan mailtrap.
‫Jadi, dalam aplikasi Heroku kami,
‫kami tidak membutuhkan ini untuk variabel.
‫Tapi, kami membutuhkan email dari.
‫Jadi, itu yang kami berikutnya.
‫Kemudian, kita perlu SENDGRID_USERNAME
‫serta kata sandinya.
‫Dan akhirnya, kunci strip rahasia kami.
‫Dan, dengan ini, saya pikir
‫kita memiliki semua variabel yang relevan yang ditetapkan di sini.
‫Jadi, mari kita coba lagi, heroku terbuka.
‫Dan, itu terlihat sempurna, indah.
‫Jadi, sungguh, aplikasi kami sekarang digunakan ke pancaran-pegas
‫atau apa pun yang Anda miliki dalam kasus Anda dan
‫semuanya tampak bekerja dengan baik.
‫Jadi, semua gambar kami ada di sini.
‫Mari kita lihat satu halaman di sini juga.
‫Dan, memang, semua itu bekerja dengan indah.
‫Jadi, peta kami juga muncul.
‫Dan, ya, tampaknya bekerja dengan baik.
‫Dan, fakta bahwa semua ini bekerja dengan mulus juga
‫menunjukkan keindahan
‫memiliki database yang dihosting sepanjang waktu juga
‫selama pengembangan karena tidak
‫peduli apakah kita sedang
‫dalam pengembangan atau produksi, database kita terus bekerja.
‫Jadi, jika kita menggunakan database
‫lokal, maka sekarang, kita harus mengekspor semua
‫data dari database lokal itu kemudian membuat database yang dihosting
‫dan mengunggah semua data ke database yang dihosting itu.
‫Jadi, itu tentu saja akan menciptakan langkah
‫ekstra dan pekerjaan ekstra.
‫Dan, sekali lagi, dengan ini, itu hanya berfungsi.
‫Jadi, itu adalah pengalaman pengembang yang sangat bagus di sana.
‫Jadi, mari kita lihat apakah kita juga bisa login
‫di sini, yang tentu saja bisa dilakukan
‫dengan laura@example 2, 3, 4.
‫Dan, sepertinya begitu.
‫Sangat cantik.
‫Mari kita lihat apakah semua tur buku kami masih ada
‫di sini, tetapi mengapa tidak?
‫Dan, memang, yah, sebenarnya hanya satu, tapi,
‫memang, itu ada di sini.
‫Jadi, bagus, itu benar-benar fantastis.
‫Dan sekarang, mari kita
‫lihat sekilas dashboard Heroku kita.
‫Jadi, di sini, mari kita buka Heroku.
‫Tutup dua ini.
‫Jadi, sejak kita masuk sebelumnya
‫di sini, ini akan secara otomatis membawa kita ke dasbor
‫dan dasbor itu kemudian akan menunjukkan kepada Anda, secara
‫default, semua aplikasi yang telah Anda terapkan saat ini.
‫Jadi, salah satu yang baru saja kita gunakan
‫adalah mata air pancaran di sini.
‫Jadi, mari kita buka yang itu.
‫Kemudian, di sini, di
‫sisi kanan, Anda dapat melihat semua aktivitas.
‫Misalnya, mengatur semua variabel konfigurasi yang baru
‫saja kita lakukan.
‫Anda memiliki sumber daya Anda dan banyak dari ini hanya menarik jika
‫Anda memiliki dyno berbayar.
‫Dan, dyno sebenarnya hanyalah istilah yang
‫digunakan Heroku pada dasarnya untuk wadah tempat
‫aplikasi Anda berjalan.
‫Jadi, kami memiliki beberapa metrik di mana
‫kami dapat melihat siapa yang mengakses aplikasi, tetapi, sekali lagi,
‫itu hanya berfungsi jika
‫Anda memiliki hobi atau dyno profesional.
‫Tapi, yang benar-benar penting di sini adalah
‫pengaturan dan di sini,
‫saya ingin menunjukkan kepada Anda bahwa kami dapat mengungkapkan variabel konfigurasi.
‫Jadi, alih-alih mengubah atau menambahkannya di
‫baris perintah, kita juga bisa melakukannya di sini.
‫Jadi, ini semua yang baru saja kita tambahkan
‫di baris perintah.
‫Kemudian, hal lain yang sangat penting ada di sini di More, kita
‫benar-benar dapat melihat log kita.
‫Jadi, mari kita tunggu di sini.
‫Jadi, Heroku kemudian memberi Anda semua pencatatan ini untuk
‫semua yang terjadi di aplikasi Anda.
‫Jadi, ketika kami membuka aplikasi di browser,
‫itu meminta semua file ini seperti yang Anda
‫lihat di sini, misalnya.
‫Jadi, sungguh, semua yang terjadi
‫akan ada di sini, di log ini.
‫Jadi, jika aplikasi Anda mogok atau jika sesuatu terjadi dan pada dasarnya segala
‫sesuatu yang kami gunakan sebagai konsol. log kemudian akan
‫muncul di sini di log ini.
‫Jadi, ini adalah log Heroku yang saya
‫sebutkan di salah satu kuliah sebelumnya.
‫Sekarang, satu hal yang bisa
‫kita lakukan adalah benar-benar mengubah nama aplikasi kita.
‫Jadi, daripada disebut nama acak ini, kita bisa
‫memberinya nama yang lebih bermakna.
‫Sekarang, kita bisa melakukannya di
‫sini, tapi itu akan mengacaukan aplikasi kita di terminal pada
‫komputer lokal kita.
‫Jadi, sebagai gantinya, yang kami lakukan adalah mengubah
‫nama secara langsung di sini.
‫Jadi, katakanlah, aplikasi heroku: ganti nama, seperti ini, lalu
‫nama baru untuk aplikasi tersebut.
‫Dan, saya akan
‫menyebutnya natours, tetapi Anda, tentu
‫saja, tidak akan dapat menyebutnya juga natours karena
‫subdomain itu sudah diambil.
‫Jadi, Anda kemudian dapat menyebutnya natours dengan nama
‫Anda atau dengan nama pengguna Anda atau kata lain yang
‫Anda inginkan.
‫Jadi, saya akan melanjutkan dan sekarang, benar-benar menyebutnya alam.
‫Oh, tapi aku melihat seseorang telah mengambil nama itu dariku,
‫jadi sangat disayangkan.
‫Tapi, mungkin itu karena saya sudah menggunakan nama natours
‫dalam sebuah proyek di kursus lain.
‫Jadi, seseorang pasti telah mengambilnya.
‫Jadi, sebut saja natoursapp dan, tentu saja,
‫saya perlu menulis yang lainnya.
‫Jadi, aplikasi heroku: ganti nama
‫lalu natoursapp.
‫Jadi, mudah-mudahan, tidak ada yang mengambil yang satu ini.
‫Dan, sepertinya itu melakukan
‫sesuatu, tetapi seseorang telah mengambilnya juga.
‫Yah, itu benar-benar aneh.
‫Jadi, saya kira saya memiliki banyak siswa
‫di luar sana yang memposting aplikasi mereka ke Heroku, jadi
‫saya hanya akan mengikuti contoh yang saya berikan sebelumnya dan akan
‫menambahkan nama saya di sini.
‫Jadi, coba ketiga dengan natours-jonas.
‫Jadi, ya, semoga yang ketiga kalinya berhasil.
‫Jadi, mari kita tunggu di sini.
‫Dan, itu saja.
‫Jadi, mari kita coba buka heroku.
‫Baiklah, dan ini dia.
‫Dan, sekarang, pada titik
‫ini, versi lama sebenarnya tidak lagi berfungsi.
‫Jadi, yang ini hilang, mari kita tutup.
‫Mari kita kembali ke Personal di sini.
‫Jadi, ya, ini dia.
‫Itulah natours-jonas.
‫Hebat, jadi situs web kami sekarang resmi dalam produksi.
‫Sekarang, hal lain yang ingin saya
‫lakukan di sini adalah benar-benar memperbarui variabel lingkungan
‫Postman untuk produksi, ingat itu?
‫Jadi, mari kita lanjutkan dan salin ini di sini.
‫Dan, juga tidak bagaimana sebenarnya secara otomatis
‫kita berada di https di sini di Heroku.
‫Jadi, Heroku melakukan semua manajemen sertifikat SSL untuk
‫kami di belakang layar agar halaman kami selalu aman,
‫selalu dengan https.
‫Jadi, itulah fitur Heroku yang sangat bagus.
‫Jadi, sekarang, di Postman,
‫mari kita lanjutkan dan ubah produksi dan URL ini.
‫Tentu saja, yang ini hanya pengganti.
‫Dan, sebaliknya, yang kami inginkan sekarang adalah URL produksi kami yang sebenarnya.
‫Dan, saya tidak yakin apakah itu benar
‫seperti ini, tetapi hanya memperbarui dan membandingkannya dengan yang dikembangkan.
‫Tapi, memang begitu.
‫Jadi, itu harus diakhiri dengan garis miring ini.
‫Jadi, yang baru saja kita lakukan juga melakukannya.
‫Jadi, mari kita perbarui, tutup, dan
‫sekarang, yang perlu kita lakukan di sini adalah
‫berubah dari lingkungan pengembangan ke alam produksi ini.
‫Jadi, sekarang, jika, misalnya, saya mencoba mendapatkan Get All Tours, yang sebenarnya
‫adalah salah satu yang telah kami buka,
‫mari kita lihat apakah itu berhasil.
‫Mari kita matikan semua ini.
‫Dan, memang, memang, bagus.
‫Mari kita lihat apakah kita
‫benar-benar dapat melihat URL lengkapnya di suatu tempat di sini.
‫Yah, itu tidak benar-benar terlihat.
‫Tapi, bagaimanapun, itu tidak terlalu
‫penting karena kita masih tahu bahwa itu benar-benar berhasil.
‫Jadi, kami sekarang benar-benar mendapatkan data
‫ini kembali dari API produksi kami dan kami dapat dengan
‫mudah membuktikannya karena versi pengembangan saat ini
‫bahkan tidak berjalan.
‫Jadi, jika kami mengirim ini, kami mendapatkan kesalahan ini.
‫Jadi, sekali lagi, sungguh, selamat
‫karena hampir menyelesaikan proyek pada titik ini.
‫Itu sudah ada di server
‫langsung dan Anda dapat, pada titik ini,
‫membagikan proyek Anda kepada dunia dan menunjukkan kepada semua orang apa
‫yang telah Anda capai setelah semua pekerjaan membangun proyek ini.
‫Hanya satu hal kecil yang ingin saya lakukan di
‫sini, seperti yang saya katakan di kuliah terakhir, adalah menguji kompresi itu.
‫Jadi, mari kita cari tes kompresi gzip di sini.
‫Dan kemudian, itu seharusnya hasil pertama di sini,
‫Gift of Speed.
‫Jadi, jika kita memasukkan URL kita di sini dan kemudian memeriksa, mari kita lihat.
‫Dan, kita melihat GZIP Diaktifkan.
‫Jadi, itu karena paket kompresi yang
‫kita gunakan di kuliah terakhir.
‫Jadi, awalnya, halaman kita akan memiliki 14K, tetapi
‫kemudian dikompresi, menjadi 2K.
‫Dan, tentu saja, itu tidak membuat perbedaan besar
‫dalam kasus ini, tetapi untuk halaman yang jauh lebih besar, tentu
‫saja, itu benar-benar dapat membuat perbedaan bagi pengguna Anda.
‫Sempurna, sekarang, dalam beberapa video berikutnya, hanya ada
‫beberapa hal kecil yang
‫masih perlu kami perbaiki di sini.
‫Jadi, kami akan
‫melakukannya selama dua atau tiga kuliah berikutnya.
‫Nah, setelah
‫itu proyek benar-benar selesai 100%.