‫Narator: Sekarang mari kita buat pengaturan Postman yang lebih canggih, untuk
‫membuat hidup kita sedikit lebih mudah saat
‫bekerja dengan alat ini.
‫Jadi, kembali
‫ke Postman, konsep pertama yang
‫ingin saya tunjukkan adalah konsep lingkungan.
‫Jadi, mungkin Anda telah memperhatikan bahwa di sini
‫dikatakan tidak ada lingkungan, bukan?
‫Dan, jadi itu karena,
‫pada titik ini, kita belum menciptakan lingkungan apa pun.
‫Baiklah.
‫Dan, pada dasarnya, lingkungan seperti konteks tempat aplikasi
‫kita berjalan.
‫Dan, kita kemudian dapat menentukan beberapa variabel
‫untuk masing-masing lingkungan ini.
‫Dan, dua yang paling masuk akal
‫adalah, seperti yang kita miliki
‫dalam aplikasi ekspres kita, lingkungan pengembangan dan produksi.
‫Jadi, mari kita mulai dengan menambahkan yang pertama, lingkungan kita di sini.
‫OKE.
‫Dan, saya akan menyebut ini satu kedalaman dan kemudian untuk naters,
‫jadi nama aplikasi kita.
‫OKE.
‫Dan, jadi variabel yang akan saya buat di sini
‫disebut URL.
‫Karena itulah hal terpenting
‫yang ingin saya ubah dari satu lingkungan ke lingkungan lainnya.
‫Jadi, dalam pengembangan, kami akan memiliki satu URL, dan
‫kemudian dalam produksi, kami akan memiliki satu lagi.
‫Benar.
‫Dan, jadi, sekarang mari kita atur
‫URL di sini ke http 127001, yang
‫merupakan
‫singkatan dari localhost.
‫Kemudian, port 3000
‫dan, saya pikir itu sebenarnya.
‫Jadi, itulah nilai awal dari variabel URL kita.
‫OKE.
‫Jadi, sekarang mari
‫kita tambahkan Dan, jadi seperti ini, kita memiliki lingkungan kedalaman baru.
‫Kami kemudian dapat menambahkan satu untuk produksi juga.
‫Tapi, di sini kita belum benar-benar memiliki
‫URL.
‫Jadi, itu hanya kata Naters dot io,
‫yang tidak ada.
‫OKE.
‫Tapi, ini hanya, katakanlah, sebuah placeholder.
‫Baiklah?
‫OKE.
‫Jadi, sekarang mari kita lanjutkan dan
‫gunakan variabel lingkungan yang baru saja kita buat ini.
‫Jadi, ingat, ini namanya URL.
‫Dan, jadi sekarang, yang
‫ingin saya lakukan adalah melanjutkan dan mengganti URL ini di sini
‫jadi, ini di sini, dengan variabel yang baru saja kita buat.
‫Dan, kami melakukannya dengan menggunakan kurung kurawal,
‫nama variabel, dan
‫kemudian kurung kurawal lagi.
‫Baiklah.
‫Dan, jadi ini pada dasarnya sekarang
‫akan diganti dengan variabel yang berasal dari lingkungan kita.
‫Sekarang, ketika kita mengarahkan ini, kita dapat
‫melihat bahwa itu belum terselesaikan, tetapi itu karena
‫kita belum memilih lingkungan kita.
‫Jadi, kita perlu datang ke menu
‫ini di sini dan kemudian kita memilih depth to Naters.
‫Dan, jadi jika kita mengarahkannya sekarang, Anda akan
‫melihat bahwa itu sebenarnya adalah variabel yang baru saja kita definisikan sebelumnya.
‫OKE.
‫Jadi, jika kami mencoba mengirim permintaan sekarang,
‫tentu saja kami mendapatkan respons yang benar seperti yang kami lakukan sebelumnya.
‫OKE.
‫Dan, jadi saya harap Anda dapat melihat betapa bergunanya ini
‫nanti ketika kami sedang berproduksi.
‫Karena, jika kita tidak memiliki variabel lingkungan ini,
‫nanti, ketika kita ingin beralih ke pengujian
‫API ini dalam
‫produksi, maka kita harus
‫melanjutkan dan secara manual mengubah semua URL ini di semua permintaan.
‫Dan, untuk saat ini, kami tidak memiliki banyak.
‫Tapi, bayangkan kita memiliki 30 atau 50 atau 100
‫permintaan, dan kemudian kita harus mengubah URL ini secara
‫manual di semuanya.
‫Dan, itu tidak akan menyenangkan sama sekali.
‫Dan, jadi sekarang kami akan melakukannya
‫sekali dan kemudian selesai untuk
‫sisa pengembangan proyek.
‫Benar?
‫Jadi, jika kita ubah sekarang ke produksi, misalnya,
‫maka, nah, di sini kita akan memiliki Naters dot
‫io dan kemudian API v1 dan tur.
‫Baiklah.
‫Jadi, mari kita lanjutkan dan salin ini
‫dan tempelkan ke semua ini.
‫Jadi, tentu saja kita harus melakukannya sekali sekarang.
‫Tetapi sekali lagi, lebih baik melakukannya sekarang
‫karena kita belum memiliki banyak titik akhir di sini,
‫daripada melakukannya nanti.
‫Jadi, simpan yang ini.
‫Simpan yang ini lagi.
‫Sebenarnya, mari kita singkirkan properti ini.
‫Jadi, simpan.
‫Menyimpan.
‫Dan, simpan yang ini juga.
‫Jadi, saya akan melakukannya di semuanya sekarang.
‫Oke, sangat cepat.
‫Dan, keduanya sudah memilikinya.
‫Baiklah.
‫Kemudian, dapatkan semua tur.
‫Dapatkan tur tidak.
‫Baiklah, simpan.
‫Dan, sebenarnya, kita dapat menekan Command-S,
‫sama seperti di aplikasi lainnya.
‫Dan, kemudian Command-W untuk menutup tab.
‫OKE.
‫Jadi, seperti di Google
‫Chrome, misalnya.
‫Jadi, Command-Save, Command-S, dan
‫kemudian Command-W.
‫Jadi, untuk membuatnya sedikit lebih cepat,
‫Dan, sekarang kita hampir selesai di sini.
‫Dan, itu saja.
‫OKE.
‫Dan, jadi seperti ini pada
‫dasarnya kami telah membuktikan pengembangan API kami di masa depan di sini dengan Postman.
‫Selanjutnya, ingat bagaimana di kuliah
‫terakhir, saya mengatakan bahwa pada dasarnya saya
‫akan mengotomatisasi proses menyalin token ini di sini.
‫Dan, lalu tempel di sini ke header kosong ini.
‫Baiklah.
‫Dan, jadi sekarang mari kita lakukan itu.
‫Dan, untuk itu, kita sebenarnya
‫harus menulis sedikit kode.
‫Tapi, itu tidak masalah sama sekali.
‫Jadi, mari kita lakukan itu.
‫Dan, daftar lalu login.
‫Karena ini adalah
‫dua tempat, jadi dua
‫titik akhir dari mana kita akan menerima token web json, bukan?
‫Jadi, kami datang ke sini
‫ke tab uji, yang belum kami gunakan.
‫Dan, jadi di sini kita akan mengatur
‫variabel lingkungan secara terprogram.
‫OKE.
‫Jadi, kami membuat variabel lingkungan
‫sebelum menggunakan dialog ini di sini, oke?
‫Tapi, sekarang di sini dengan kode,
‫pada dasarnya kita akan membuat variabel lingkungan juga secara terprogram.
‫Dan, kami akan membuat satu untuk token web
‫json yang kami terima dalam permintaan.
‫OKE.
‫Dan, pada dasarnya yang perlu kita lakukan adalah
‫menggunakan snippet yang kita miliki di sini.
‫Baiklah.
‫Jadi, dalam hal ini, kami ingin mengatur variabel lingkungan dan,
‫jadi mari kita klik di sini.
‫Dan, memang, kami mendapatkan kode pra-tulis ini untuk kami di sini.
‫OKE.
‫Ini pada dasarnya hanya beberapa
‫JavaScript yang dapat kita akses di sini di Postman.
‫Jadi, PM, yang mungkin singkatan dari Postman, dot
‫environment, yang merupakan lingkungan saat ini.
‫Dan, kemudian, atur.
‫Jadi, atur variabel yang disebut JWT.
‫Dan, kemudian, tentu saja, nilai dari itu.
‫Dan, di mana nilai itu?
‫Nah, itu di PM dot respon dot
‫json.
‫Jadi, pada dasarnya, untuk mengubahnya menjadi json.
‫Dan, kemudian titik token.
‫Dan, ini adalah tanda titik
‫di sini, tentu saja, karena itulah nama properti
‫kami di objek respons.
‫OKE.
‫Jadi, pada dasarnya, kode ini di sini
‫mendapat respons untuk kita dan, kemudian, di sana kita bisa menulis
‫properti dot token, dan kemudian menetapkan ke variabel lingkungan JWT.
‫OKE.
‫Dan, jadi sekarang
‫kita memiliki tes aktif di sini, itulah sebabnya kita
‫mendapatkan titik biru atau hijau ini,
‫mungkin, (tertawa) dan sekarang mari kita coba.
‫Jadi, mari kita mendaftar dengan pengguna baru.
‫Saya menyebutnya pengguna uji.
‫Kita harus menghilangkan koma ini.
‫Dan, sekarang mari kita kirimkan.
‫Dan, kita tidak bisa mendapatkan respon apapun.
‫Dan, itu karena saya memiliki naters dot io di sini.
‫Jadi, saya berada di lingkungan yang salah.
‫Jadi, tentu saja, kami ingin berada dalam pembangunan.
‫Jadi, kirim lagi.
‫Dan, jadi di sini memang, kami mendapatkan token kami.
‫Dan, jadi sekarang mari kita periksa apakah itu ada di
‫lingkungan kita juga.
‫Jadi, untuk itu, kami datang ke sini.
‫Def, naters, dan memang, di sini kita sekarang mendapatkan JWT
‫dan kemudian token yang kita miliki juga di sini.
‫OKE.
‫Variabel token yang kita
‫miliki di sini harus sama persis dengan yang ada di sini.
‫Jadi, Tukang Pos mendapatkannya dari
‫sini, dan kemudian mempostingnya sebagai variabel lingkungan baru ini.
‫OKE.
‫Jadi, itulah langkah pertama dan langkah kedua sekarang
‫adalah pergi ke salah satu rute terlindung kami, yang,
‫dalam hal ini, hanya satu ini.
‫Dan, kemudian di sini kita benar-benar dapat menghapus ini
‫sama sekali.
‫Jadi, tepat di sisi
‫ini, oke.
‫Jadi, singkirkan semua itu.
‫Dan, kemudian di
‫sini kita memiliki, seperti yang
‫mungkin telah Anda lihat, tab otorisasi.
‫OKE.
‫Jadi, di sini kita sekarang
‫dapat menentukan jenis otorisasi.
‫Dan, Anda melihat semua perbedaan ini
‫di sini, tetapi kita akan memilih Token Pembawa.
‫OKE.
‫Jadi, seperti yang
‫telah kami tentukan Bearer di token
‫kami, kami juga harus memberi nama Bearer di sini.
‫OKE.
‫Jadi, Pembawa Token.
‫Dan, sekarang yang perlu kita lakukan adalah menentukan tokennya.
‫Dan, ingat bagaimana kita melakukannya?
‫Yah, sebenarnya cara yang sama persis seperti yang kita lakukan di sini.
‫Jadi, kurung kurawal,
‫kurung kurawal, JWT, lalu tutup.
‫Jadi, itu berubah menjadi
‫oranye dan itu berarti sekarang seharusnya berfungsi.
‫Dan, sekarang mari kita uji ini.
‫Dan, bam, ini dia.
‫Jadi, kami benar-benar mendapatkan akses ke data,
‫yang berarti bahwa token berhasil dikirim.
‫Baiklah.
‫Dan, kita benar-benar dapat melihatnya
‫di sini di header.
‫Jadi, secara otomatis tajuk ini sudah terisi
‫sebelumnya untuk kita.
‫Jadi, kami memiliki otorisasi di mana kami memiliki Pembawa dan
‫semua barang bagus ini di sini.
‫Dan, sebenarnya, itu juga sekarang
‫menempatkan semua barang ini di sini untuk kita.
‫OKE.
‫Jadi, sebenarnya, ini persis seperti yang kita
‫lihat sebelumnya ketika kita melihat pratinjau objek header dot
‫request di express.
‫Ingat bahwa?
‫OKE.
‫Anda lihat di sini bahwa itu
‫sebenarnya hanya dibuat sementara.
‫Jadi hanya agar kita mendapatkan preview.
‫Baiklah.
‫Dan, jadi, itu sebenarnya.
‫Ini membuat hidup kita jauh lebih
‫mudah ketika kita bekerja di sini dengan otentikasi.
‫Karena, setiap kali kita ingin
‫menambahkan rute
‫baru yang dilindungi, yang perlu kita
‫lakukan adalah datang ke sini ke tab otorisasi
‫lalu tambahkan variabel ini di
‫sini dan tentukan
‫bahwa kita bekerja dengan token Bearer.
‫Baiklah.
‫Dan, sebenarnya, saya baru menyadari
‫bahwa kita belum dewasa.
‫Karena, kami memiliki ini di sini, jadi,
‫tes ini.
‫Tapi, tentu saja, kita juga membutuhkannya saat login.
‫Jadi, dari sanalah
‫kita bisa mendapatkan token baru yang segar.
‫Benar?
‫Jadi, mari kita salin ini, simpan
‫yang ini,
‫simpan juga yang ini,
‫lalu di sini saat login,
‫posting di sini.
‫Simpan itu.
‫Dan, saya bahkan
‫tidak perlu mengujinya karena, yah, itu harus
‫bekerja sama seperti mendaftar.
‫Baiklah.
‫OKE.
‫Ini sangat
‫penting bagi kami untuk
‫melanjutkan dan membuat hidup kami sedikit lebih mudah
‫saat Anda bekerja dengan
‫Postman untuk pengembangan API Anda.