﻿1
00:00:01,300 --> 00:00:02,640
‫Jonas: Selamat datang kembali.

2
00:00:02,640 --> 00:00:05,120
‫Sekarang mari kita akhirnya mengatur Express,

3
00:00:05,120 --> 00:00:08,390
‫membuat server sederhana, dan melakukan beberapa perutean dasar

4
00:00:08,390 --> 00:00:10,300
‫hanya untuk mendapatkan gambaran

5
00:00:10,300 --> 00:00:13,590
‫awal tentang bagaimana kita sebenarnya bekerja di Express.

6
00:00:13,590 --> 00:00:16,230
‫Jadi dalam video ini, kita sebenarnya akan

7
00:00:16,230 --> 00:00:19,883
‫mulai mengerjakan proyek alam, jadi proyek utama besar yang merupakan

8
00:00:19,883 --> 00:00:21,690
‫bagian dari kursus ini.

9
00:00:21,690 --> 00:00:23,750
‫Jadi seperti sebelumnya, silakan

10
00:00:23,750 --> 00:00:27,180
‫dan dapatkan proyek awal dari file kursus.

11
00:00:27,180 --> 00:00:29,190
‫Saya sudah memilikinya di sini.

12
00:00:29,190 --> 00:00:32,470
‫Saya telah membukanya di kode VS saya.

13
00:00:32,470 --> 00:00:36,180
‫Mari kita lihat sekilas apa yang kita miliki di sini.

14
00:00:36,180 --> 00:00:38,270
‫Kami memiliki file konfigurasi yang

15
00:00:38,270 --> 00:00:40,800
‫lebih cantik seperti yang kami atur seperti sebelumnya.

16
00:00:40,800 --> 00:00:44,210
‫Saya juga memiliki file konfigurasi untuk ESLint, dan ESLint yang

17
00:00:44,210 --> 00:00:46,894
‫belum kita siapkan pada saat ini, tetapi

18
00:00:46,894 --> 00:00:48,250
‫kita akan melakukannya

19
00:00:48,250 --> 00:00:50,230
‫juga nanti di bagian ini.

20
00:00:50,230 --> 00:00:51,810
‫Untuk saat ini, saya hanya

21
00:00:51,810 --> 00:00:54,710
‫ingin memulai coding dan tidak khawatir tentang linting kode kita.

22
00:00:54,710 --> 00:00:57,410
‫Linting hanya untuk memperbaiki beberapa kesalahan.

23
00:00:57,410 --> 00:00:58,930
‫Tapi sekali lagi, kita akan melakukannya nanti.

24
00:00:58,930 --> 00:01:02,170
‫Di sini kita hanya memiliki beberapa file

25
00:01:02,170 --> 00:01:07,170
‫untuk nanti, seperti css, gambar, oke, dan sekarang juga misalnya, beberapa

26
00:01:07,700 --> 00:01:11,287
‫data yang kita perlukan untuk membangun aplikasi kita.

27
00:01:11,287 --> 00:01:14,790
‫Sekali lagi, kita akan mulai menggunakan data ini di

28
00:01:14,790 --> 00:01:16,330
‫seluruh bagian ini.

29
00:01:16,330 --> 00:01:19,440
‫Bagaimanapun, kami sekarang memiliki proyek baru.

30
00:01:19,440 --> 00:01:21,950
‫Hal pertama yang biasanya kita lakukan dengan proyek baru

31
00:01:21,950 --> 00:01:24,410
‫adalah membuat paket. json file,

32
00:01:24,410 --> 00:01:26,590
‫seperti yang saya sebutkan sebelumnya.

33
00:01:26,590 --> 00:01:28,453
‫Kami melakukannya di proyek nodefarm,

34
00:01:28,453 --> 00:01:31,090
‫dan sekarang kami juga akan melakukannya di sini.

35
00:01:31,090 --> 00:01:32,863
‫Saya membuka terminal terintegrasi.

36
00:01:34,480 --> 00:01:38,290
‫Anda dapat melakukannya dengan menekan pintasan ini di sini atau cukup datang ke

37
00:01:38,290 --> 00:01:40,490
‫sini untuk Melihat dan kemudian Terminal.

38
00:01:41,710 --> 00:01:44,750
‫Biarkan saya memasangnya sedikit sehingga Anda dapat melihatnya.

39
00:01:44,750 --> 00:01:47,510
‫Ingat perintahnya adalah npm init.

40
00:01:48,927 --> 00:01:51,083
‫Kami memberi nama untuk proyek tersebut.

41
00:01:53,010 --> 00:01:54,340
‫Ini disebut natours.

42
00:01:54,340 --> 00:01:56,540
‫Oh oke, tidak boleh ada huruf kapital.

43
00:01:57,560 --> 00:01:59,000
‫Mari kita lakukan itu lagi.

44
00:01:59,000 --> 00:02:02,190
‫Versinya satu, deskripsi,

45
00:02:02,190 --> 00:02:07,190
‫misalkan learning node, express, dan mongoDB, mongoDB.

46
00:02:11,930 --> 00:02:13,930
‫Titik masuk, indeks. js, sebenarnya,

47
00:02:13,930 --> 00:02:16,400
‫kita akan menggunakan app. sekarang.

48
00:02:16,400 --> 00:02:17,890
‫Sebut saja aplikasi. js.

49
00:02:17,890 --> 00:02:20,820
‫Kami tidak memiliki perintah pengujian, tidak ada git,

50
00:02:20,820 --> 00:02:24,633
‫tidak ada kata kunci, penulis adalah saya, dan hanya itu, jadi oke.

51
00:02:28,090 --> 00:02:29,533
‫Di sini kami memiliki paket. json.

52
00:02:30,560 --> 00:02:32,393
‫Sama seperti sebelumnya, tidak ada yang baru di sini.

53
00:02:33,363 --> 00:02:35,720
‫Sekarang saatnya untuk menginstal Express.

54
00:02:35,720 --> 00:02:38,820
‫Npm saya ungkapkan.

55
00:02:38,820 --> 00:02:40,630
‫Saya akan menggunakan Express

56
00:02:40,630 --> 00:02:42,100
‫untuk di sini,

57
00:02:42,100 --> 00:02:44,610
‫yang pada titik perekaman, versi terbaru, tetapi

58
00:02:44,610 --> 00:02:47,860
‫untuk beberapa waktu, tim Express telah mengerjakan versi 5.

59
00:02:47,860 --> 00:02:50,170
‫Itu adalah versi utama yang dapat

60
00:02:50,170 --> 00:02:53,240
‫memperkenalkan perubahan yang melanggar jika Anda menginstal yang itu.

61
00:02:53,240 --> 00:02:54,750
‫Sekarang, sebenarnya tidak banyak

62
00:02:54,750 --> 00:02:57,450
‫hal yang berubah di versi 5, tetapi untuk

63
00:02:57,450 --> 00:03:01,170
‫memastikan, silakan instal Express di versi 4 seperti yang saya lakukan.

64
00:03:01,170 --> 00:03:05,310
‫Untuk melakukan itu, tekan saja pada 4.

65
00:03:05,310 --> 00:03:08,770
‫Itu kemudian akan menginstal versi terbaru di dalam 4 dengan versi minor

66
00:03:08,770 --> 00:03:13,140
‫dan patch terbaru, jadi 4. 16. 4.

67
00:03:14,260 --> 00:03:16,300
‫Itulah versi yang saya gunakan sekarang dalam

68
00:03:16,300 --> 00:03:18,630
‫kursus ini, dan versi Anda mungkin akan menjadi

69
00:03:18,630 --> 00:03:21,480
‫versi yang lebih baru, tetapi selama Anda memiliki 4 di sini

70
00:03:21,480 --> 00:03:23,330
‫di awal, Anda akan baik-baik saja.

71
00:03:24,563 --> 00:03:26,060
‫Anda melihat bahwa itu

72
00:03:26,060 --> 00:03:28,307
‫benar-benar membuat folder modul simpul kami di sini.

73
00:03:28,307 --> 00:03:30,505
‫Sekarang, kita siap untuk memulai.

74
00:03:30,505 --> 00:03:35,030
‫Saya sedang membuat file baru dan itu disebut app. js.

75
00:03:35,030 --> 00:03:37,470
‫Ini semacam konvensi untuk memiliki semua konfigurasi

76
00:03:37,470 --> 00:03:39,763
‫Express di app. js.

77
00:03:40,949 --> 00:03:42,743
‫Itulah yang saya gunakan di sini sekarang.

78
00:03:43,860 --> 00:03:45,410
‫Kami sekarang memiliki peringatan bahwa itu

79
00:03:45,410 --> 00:03:46,900
‫tidak dapat memuat ESLint.

80
00:03:46,900 --> 00:03:48,650
‫Sekali lagi, kita akan mengonfigurasinya nanti

81
00:03:48,650 --> 00:03:50,260
‫di seluruh bagian ini.

82
00:03:50,260 --> 00:03:51,903
‫Jadi, sekarang mari kita gunakan Express.

83
00:03:53,661 --> 00:03:58,661
‫Saya akan membutuhkan tentu saja, paket Express.

84
00:03:58,670 --> 00:04:00,370
‫Tidak ada yang baru saat ini.

85
00:04:00,370 --> 00:04:01,490
‫Berikan yang aman.

86
00:04:01,490 --> 00:04:03,850
‫Anda melihat bahwa pratinjau sudah melakukan keajaibannya di sini

87
00:04:03,850 --> 00:04:06,170
‫dengan menambahkan titik koma ini dan juga menambahkan baris

88
00:04:06,170 --> 00:04:07,403
‫baru ini di sini.

89
00:04:08,500 --> 00:04:10,840
‫Kami telah mengimpor Express, dan sekarang yang kami

90
00:04:10,840 --> 00:04:13,100
‫lakukan adalah membuat variabel bernama app.

91
00:04:13,100 --> 00:04:14,793
‫Sekali lagi, itu semacam standar.

92
00:04:16,540 --> 00:04:20,683
‫Jadi aplikasi dan hasil yang ditetapkan dari panggilan ekspres.

93
00:04:21,577 --> 00:04:23,063
‫Itu sebenarnya.

94
00:04:24,290 --> 00:04:26,960
‫Ini di sini adalah fungsi yang saat

95
00:04:26,960 --> 00:04:30,373
‫dipanggil akan menambahkan banyak metode ke variabel aplikasi kami di sini.

96
00:04:31,700 --> 00:04:32,870
‫Yang pertama yang akan kita

97
00:04:32,870 --> 00:04:34,930
‫gunakan sebenarnya adalah app. mendengarkan

98
00:04:34,930 --> 00:04:36,543
‫pada dasarnya memulai server.

99
00:04:38,769 --> 00:04:40,990
‫Itu sedikit mirip dengan apa

100
00:04:40,990 --> 00:04:44,730
‫yang kami lakukan sebelumnya dengan paket http di bagian sebelumnya, kan.

101
00:04:44,730 --> 00:04:46,500
‫Jadi sekali lagi, perlu diingat bahwa

102
00:04:46,500 --> 00:04:49,430
‫Express adalah 100% tanpa js di bawah tenda, dan beberapa

103
00:04:49,430 --> 00:04:50,710
‫hal bekerja dengan

104
00:04:50,710 --> 00:04:53,070
‫cara yang sangat mirip di sini di Express.

105
00:04:53,070 --> 00:04:54,980
‫Baiklah, sekali lagi, itu hanya membuat

106
00:04:54,980 --> 00:04:56,790
‫hidup kita sedikit lebih

107
00:04:56,790 --> 00:04:58,920
‫mudah dengan menghilangkan beberapa kerumitan dari kita.

108
00:04:58,920 --> 00:05:00,670
‫Sama seperti sebelumnya, ke dalam aplikasi. dengarkan, kami

109
00:05:00,670 --> 00:05:01,770
‫menempel di port.

110
00:05:01,770 --> 00:05:05,053
‫Mari kita benar-benar membuat variabel untuk itu di sini sebelumnya.

111
00:05:07,170 --> 00:05:09,870
‫Port dan katakanlah 3000 untuk saat ini.

112
00:05:09,870 --> 00:05:11,820
‫Kami akan mengubahnya nanti.

113
00:05:13,930 --> 00:05:16,443
‫Kami menempelkan di port dan fungsi panggilan balik.

114
00:05:17,730 --> 00:05:19,108
‫Sekali lagi, ini

115
00:05:19,108 --> 00:05:21,280
‫adalah fungsi panggilan balik yang akan dipanggil

116
00:05:21,280 --> 00:05:22,743
‫segera setelah server mulai mendengarkan.

117
00:05:24,490 --> 00:05:27,340
‫Mari kita lakukan konsol. log di

118
00:05:27,340 --> 00:05:29,963
‫sini, aplikasi berjalan di port.

119
00:05:36,770 --> 00:05:38,690
‫Baiklah, jadi itu server kami

120
00:05:38,690 --> 00:05:40,550
‫sekarang sebenarnya sudah mendengarkan.

121
00:05:40,550 --> 00:05:43,660
‫Sekarang yang perlu kita lakukan selanjutnya adalah menentukan rute.

122
00:05:43,660 --> 00:05:45,320
‫Dan sekali lagi,

123
00:05:45,320 --> 00:05:47,200
‫kami sebenarnya sudah menentukan rute

124
00:05:47,200 --> 00:05:49,840
‫sebelumnya di proyek nodefarm, ingat itu,

125
00:05:49,840 --> 00:05:52,770
‫tetapi cara kerjanya sangat berbeda dengan Express.

126
00:05:52,770 --> 00:05:54,780
‫Ingat bahwa perutean pada

127
00:05:54,780 --> 00:05:57,560
‫dasarnya berarti untuk menentukan bagaimana aplikasi

128
00:05:57,560 --> 00:06:01,053
‫merespons permintaan klien tertentu, jadi ke URL tertentu.

129
00:06:02,250 --> 00:06:04,030
‫Dan sebenarnya, itu bukan hanya

130
00:06:04,030 --> 00:06:05,732
‫URL tetapi juga

131
00:06:05,732 --> 00:06:08,280
‫metode http yang digunakan untuk permintaan itu.

132
00:06:08,280 --> 00:06:11,283
‫Ingat itu dari kuliah http yang kami miliki sebelumnya.

133
00:06:12,370 --> 00:06:14,060
‫Bagaimana kita melakukannya?

134
00:06:14,060 --> 00:06:16,570
‫Yah, itu sangat sederhana di Express.

135
00:06:16,570 --> 00:06:19,377
‫Yang kita lakukan hanyalah aplikasi, kemudian metode http

136
00:06:19,377 --> 00:06:21,960
‫yang ingin kita tanggapi, dan mari kita

137
00:06:21,960 --> 00:06:23,300
‫mulai dengan yang

138
00:06:23,300 --> 00:06:25,643
‫paling sederhana yaitu get, lalu URL.

139
00:06:26,630 --> 00:06:30,053
‫Kami hanya menentukan jenis URL root di sini.

140
00:06:31,880 --> 00:06:34,380
‫Sekali lagi, rute pada dasarnya adalah

141
00:06:34,380 --> 00:06:36,980
‫URL, yang dalam hal ini, hanya URL root

142
00:06:36,980 --> 00:06:40,513
‫ini dan juga metode http, yang didapat dalam kasus ini.

143
00:06:42,210 --> 00:06:44,100
‫Sekarang, apa yang sebenarnya kita

144
00:06:44,100 --> 00:06:47,570
‫inginkan terjadi ketika seseorang menekan URL itu dengan permintaan get?

145
00:06:47,570 --> 00:06:49,280
‫Nah, apa pun yang

146
00:06:49,280 --> 00:06:51,710
‫ingin kita lakukan, kita perlu menentukannya dalam

147
00:06:51,710 --> 00:06:54,758
‫fungsi panggilan balik, yang kita tentukan sebagai argumen kedua.

148
00:06:54,758 --> 00:06:56,108
‫Kami memiliki fungsi

149
00:06:58,280 --> 00:07:00,720
‫panggilan balik seperti ini, dan fungsi

150
00:07:00,720 --> 00:07:03,575
‫panggilan balik ini dapat menerima beberapa argumen.

151
00:07:03,575 --> 00:07:05,870
‫Yang paling mendasar, dan

152
00:07:05,870 --> 00:07:10,590
‫yang biasanya selalu kita butuhkan adalah get request, entity response.

153
00:07:10,590 --> 00:07:13,740
‫Dalam hal itu, sekali lagi sangat mirip dengan apa

154
00:07:13,740 --> 00:07:16,503
‫yang kami lakukan sebelumnya di proyek nodefarm.

155
00:07:17,380 --> 00:07:19,280
‫Saat itu, ketika kami memulai server

156
00:07:19,280 --> 00:07:21,380
‫kami, kami juga memiliki akses ke

157
00:07:21,380 --> 00:07:23,210
‫objek permintaan dan respons.

158
00:07:23,210 --> 00:07:26,020
‫Sekarang, mereka sedikit berbeda di sini di Express.

159
00:07:26,020 --> 00:07:29,364
‫Mereka memiliki lebih banyak data dan

160
00:07:29,364 --> 00:07:32,560
‫metode, tetapi idenya persis sama.

161
00:07:32,560 --> 00:07:34,740
‫Jadi Anda melihat bahwa aplikasi

162
00:07:34,740 --> 00:07:37,150
‫Express dan juga aplikasi node dalam

163
00:07:37,150 --> 00:07:39,890
‫hal ini, semuanya tentang permintaan dan tanggapan,

164
00:07:39,890 --> 00:07:42,660
‫hanya karena begitulah cara kerja web sebenarnya seperti

165
00:07:42,660 --> 00:07:45,053
‫yang Anda pelajari di bagian sebelumnya.

166
00:07:47,280 --> 00:07:48,360
‫Apa yang ingin kita lakukan sekarang?

167
00:07:48,360 --> 00:07:50,150
‫Nah, yang ingin kita lakukan hanyalah mengirim beberapa

168
00:07:50,150 --> 00:07:51,613
‫data kembali dengan sangat cepat.

169
00:07:52,620 --> 00:07:55,122
‫Kita dapat menggunakan objek respon

170
00:07:55,122 --> 00:07:58,560
‫dan dari sana, kita dapat menggunakan metode send dan

171
00:07:58,560 --> 00:08:01,113
‫menentukan sesuatu yang ingin kita kirim kembali.

172
00:08:03,180 --> 00:08:04,823
‫Halo dari sisi server.

173
00:08:06,476 --> 00:08:09,700
‫Hanya beberapa string lagi yang ingin kami kirim kembali.

174
00:08:09,700 --> 00:08:11,490
‫Kami juga dapat menentukan kode status dan

175
00:08:11,490 --> 00:08:12,580
‫itu sangat mudah.

176
00:08:12,580 --> 00:08:15,380
‫Yang harus kita lakukan adalah sebelum kita benar-benar mengirim

177
00:08:15,380 --> 00:08:16,850
‫string ke klien,

178
00:08:16,850 --> 00:08:18,693
‫kita hanya menambahkan status sebelum itu.

179
00:08:20,200 --> 00:08:23,680
‫Metode status, dan di sini, kami

180
00:08:23,680 --> 00:08:25,420
‫menentukan kode kami.

181
00:08:25,420 --> 00:08:27,943
‫Dan lagi, kita akan menggunakan 200 untuk oke.

182
00:08:29,990 --> 00:08:32,570
‫Itu sebenarnya yang harus kita lakukan.

183
00:08:32,570 --> 00:08:34,360
‫Mari kita menguji ini dengan sangat cepat

184
00:08:34,360 --> 00:08:36,223
‫dan kemudian menambahkan beberapa hal lagi ke dalamnya.

185
00:08:38,610 --> 00:08:43,610
‫Mari gunakan aplikasi nodemon. js.

186
00:08:43,640 --> 00:08:44,850
‫Mari kita lihat apa

187
00:08:44,850 --> 00:08:47,420
‫yang terjadi dan aplikasi kita berjalan pada port 3000.

188
00:08:47,420 --> 00:08:48,390
‫Besar.

189
00:08:48,390 --> 00:08:50,690
‫Dan bagaimana kita sekarang menguji API ini?

190
00:08:50,690 --> 00:08:52,893
‫Nah, itulah mengapa kami menginstal Postman.

191
00:08:54,280 --> 00:08:55,623
‫Mari kita buka Tukang Pos.

192
00:08:56,560 --> 00:08:59,233
‫Sebenarnya masih di sini dari kuliah terakhir.

193
00:09:00,450 --> 00:09:02,920
‫Mari kita lanjutkan dan

194
00:09:02,920 --> 00:09:06,730
‫hapus ini dan tulis URL, atau sebenarnya,

195
00:09:06,730 --> 00:09:10,710
‫IP untuk host lokal dan kemudian port kita.

196
00:09:10,710 --> 00:09:12,710
‫Itu persis sama seperti yang kami

197
00:09:12,710 --> 00:09:14,333
‫lakukan di proyek nodefarm.

198
00:09:15,680 --> 00:09:17,103
‫Kami hanya memukul akarnya.

199
00:09:18,060 --> 00:09:19,890
‫Kita bisa menulis garis miring atau

200
00:09:19,890 --> 00:09:21,440
‫bekerja sama saja tanpa apapun.

201
00:09:22,300 --> 00:09:24,650
‫Mari kita kirim ini dan memang, ini dia.

202
00:09:24,650 --> 00:09:27,070
‫Halo dari sisi server.

203
00:09:27,070 --> 00:09:30,030
‫Itu luar biasa, itu sudah bekerja.

204
00:09:30,030 --> 00:09:31,500
‫Hanya untuk memastikan, kami tentu

205
00:09:31,500 --> 00:09:34,128
‫saja akan mendapatkan hasil yang sama persis di browser.

206
00:09:34,128 --> 00:09:38,501
‫Jika saya menyalin ini di sini, Anda akan melihat hasil yang sama.

207
00:09:38,501 --> 00:09:40,560
‫Tapi sekali lagi, kita akan

208
00:09:40,560 --> 00:09:45,130
‫menggunakan Postman karena membuat semua pengujian API ini jauh lebih mudah bagi kita.

209
00:09:45,130 --> 00:09:47,330
‫Anda akan melihat, begitu kami benar-benar mulai

210
00:09:47,330 --> 00:09:49,783
‫menggunakan lebih banyak fitur dari aplikasi hebat ini.

211
00:09:51,330 --> 00:09:53,800
‫Sekarang, kembali ke sini, mari tambahkan beberapa

212
00:09:53,800 --> 00:09:56,270
‫hal lagi karena send hanya mengirim string

213
00:09:56,270 --> 00:09:58,860
‫ini kembali ke klien, tetapi juga sangat mudah

214
00:09:58,860 --> 00:10:01,280
‫untuk mengirim json ke klien.

215
00:10:01,280 --> 00:10:04,853
‫Alih-alih menggunakan send, mari kita gunakan json.

216
00:10:06,523 --> 00:10:08,370
‫Metode json, dan kemudian di sini,

217
00:10:08,370 --> 00:10:10,203
‫kita bisa menempelkan objek.

218
00:10:11,440 --> 00:10:12,540
‫Mari kita lakukan seperti ini.

219
00:10:18,480 --> 00:10:19,980
‫Katakanlah ini adalah pesannya.

220
00:10:22,550 --> 00:10:25,133
‫Dan kemudian hanya beberapa bidang lain di sini, alam.

221
00:10:29,060 --> 00:10:31,050
‫Oke, dan sekarang Anda lihat, pratinjau

222
00:10:31,050 --> 00:10:33,230
‫di sini memformat ini secara otomatis untuk kami

223
00:10:33,230 --> 00:10:35,230
‫dan mereka juga menginginkan ini di baris lain.

224
00:10:36,260 --> 00:10:38,560
‫Ah oke, tentu saja kita kehilangan koma di sini.

225
00:10:39,410 --> 00:10:41,380
‫Tetapi ekstensi pratinjau masih memasangnya di

226
00:10:41,380 --> 00:10:43,250
‫sini karena suatu alasan.

227
00:10:43,250 --> 00:10:44,350
‫Tapi tentu saja, itu tidak terlalu penting.

228
00:10:44,350 --> 00:10:46,023
‫Ini hanya masalah pemformatan.

229
00:10:47,955 --> 00:10:50,413
‫Mari kita lihat apa yang terjadi sekarang.

230
00:10:52,840 --> 00:10:55,960
‫Sekarang kami memiliki json yang diformat dengan baik di sini.

231
00:10:55,960 --> 00:10:57,477
‫Memberi kita semua warna berbeda

232
00:10:57,477 --> 00:10:59,077
‫di sini untuk kunci dan nilainya.

233
00:10:59,930 --> 00:11:02,010
‫Di sini kita memiliki kode status.

234
00:11:02,010 --> 00:11:04,890
‫Di sini kita memiliki waktu yang dibutuhkan untuk melakukan permintaan ini.

235
00:11:04,890 --> 00:11:07,683
‫Kami juga memiliki ukuran respons.

236
00:11:08,620 --> 00:11:11,190
‫Kita bisa, misalnya, mengubah kode di sini dengan sangat mudah.

237
00:11:11,190 --> 00:11:13,973
‫404 tidak ditemukan, ingat.

238
00:11:14,830 --> 00:11:19,120
‫Lakukan lagi, dan kemudian di sini Anda melihat, 404, tidak ditemukan.

239
00:11:19,120 --> 00:11:20,110
‫Itu adalah

240
00:11:20,110 --> 00:11:22,020
‫hal yang sangat bagus untuk Postman.

241
00:11:22,020 --> 00:11:24,893
‫Mari kita benar-benar meningkatkan ukuran semua ini.

242
00:11:27,930 --> 00:11:31,730
‫Sekarang mari kita lanjutkan, tambahkan saja sesuatu yang lain di sini.

243
00:11:31,730 --> 00:11:32,760
‫Hanya sesuatu yang sangat mudah.

244
00:11:32,760 --> 00:11:34,870
‫Ingat, semua ini hanya untuk mengujinya,

245
00:11:34,870 --> 00:11:37,070
‫untuk membuat kaki kita basah, dan

246
00:11:37,070 --> 00:11:39,060
‫mulai mendapatkan sedikit pengalaman.

247
00:11:39,060 --> 00:11:43,233
‫Ingatlah bahwa ini adalah metode http untuk permintaan.

248
00:11:44,328 --> 00:11:46,900
‫Respons yang kami kirim di sini, jadi

249
00:11:46,900 --> 00:11:49,040
‫yang ini di sini,

250
00:11:49,040 --> 00:11:54,040
‫hanya dikirim ketika metode get ini dikirim ke server kami di URL ini.

251
00:11:57,180 --> 00:11:58,520
‫Biarkan saya benar-benar menunjukkannya kepada Anda.

252
00:11:58,520 --> 00:12:00,753
‫Jika kita melakukannya, misalnya, sebuah posting.

253
00:12:02,220 --> 00:12:04,420
‫Itu sangat mudah lagi dengan Postman.

254
00:12:04,420 --> 00:12:07,200
‫Jika kita melakukan posting, maka kita tidak akan mendapatkan apa-apa.

255
00:12:07,200 --> 00:12:10,490
‫Sebaliknya, apa yang dikirim oleh Express secara otomatis adalah

256
00:12:10,490 --> 00:12:14,270
‫html ini di sini yang mengatakan tidak dapat memposting dan kemudian

257
00:12:14,270 --> 00:12:16,260
‫dengan 404, tidak ditemukan.

258
00:12:16,260 --> 00:12:18,480
‫Itu karena kami tidak memiliki rute

259
00:12:18,480 --> 00:12:22,163
‫yang ditentukan untuk URL ini dan untuk metode http ini.

260
00:12:23,450 --> 00:12:25,493
‫Sekarang mari kita lakukan itu dengan sangat cepat.

261
00:12:28,370 --> 00:12:31,423
‫Jadi posting, kami menginginkan URL yang sama,

262
00:12:34,920 --> 00:12:36,743
‫permintaan dan objek respons.

263
00:12:38,810 --> 00:12:41,823
‫Katakan saja res. kirim, Anda

264
00:12:46,090 --> 00:12:48,723
‫dapat memposting ke titik akhir ini.

265
00:12:52,400 --> 00:12:54,200
‫Agar Anda dapat melihat bahwa

266
00:12:54,200 --> 00:12:56,240
‫ini adalah cara kami mengirim tanggapan

267
00:12:56,240 --> 00:12:59,023
‫yang berbeda untuk metode http yang berbeda dalam permintaan.

268
00:13:00,800 --> 00:13:03,380
‫Mari kita jalankan lagi, dan memang, Anda

269
00:13:03,380 --> 00:13:07,033
‫dapat memposting ke titik akhir ini dengan kode status 200.

270
00:13:07,033 --> 00:13:09,110
‫Ini sebenarnya adalah default

271
00:13:09,110 --> 00:13:12,395
‫ketika kita tidak menentukan apapun dalam kode kita.

272
00:13:12,395 --> 00:13:15,610
‫Di sini kita memiliki 404 yang tidak benar.

273
00:13:15,610 --> 00:13:18,610
‫Tapi sekali lagi, 200 sebenarnya adalah default.

274
00:13:18,610 --> 00:13:20,360
‫Hal cepat lain yang

275
00:13:20,360 --> 00:13:23,400
‫ingin saya tunjukkan kepada Anda adalah bahwa dengan menggunakan

276
00:13:23,400 --> 00:13:26,000
‫metode json ini di sini misalnya, ini akan

277
00:13:26,000 --> 00:13:28,680
‫secara otomatis mengatur tipe konten kami ke json

278
00:13:28,680 --> 00:13:31,580
‫aplikasi, jadi ingatlah bahwa kami melakukannya secara manual di

279
00:13:31,580 --> 00:13:34,800
‫aplikasi nodefarm ketika kami membuat API kami yang sangat sederhana.

280
00:13:34,800 --> 00:13:37,360
‫Saat itu, kami juga mengirim kembali beberapa json,

281
00:13:37,360 --> 00:13:39,650
‫tetapi kami kemudian harus mendefinisikan secara

282
00:13:39,650 --> 00:13:42,360
‫manual bahwa kontennya adalah json sehingga browser tahu

283
00:13:42,360 --> 00:13:43,523
‫apa yang diharapkannya.

284
00:13:44,550 --> 00:13:47,440
‫Tapi Express mengambil pekerjaan itu dari kami.

285
00:13:47,440 --> 00:13:48,763
‫Mari kita periksa itu.

286
00:13:50,020 --> 00:13:51,563
‫Kembali untuk mendapatkan.

287
00:13:53,120 --> 00:13:55,760
‫Di sini kami memiliki header hasil kami.

288
00:13:55,760 --> 00:13:57,250
‫Di sini Anda melihat

289
00:13:57,250 --> 00:14:00,040
‫bahwa tipe konten memang disetel ke json aplikasi.

290
00:14:00,040 --> 00:14:02,100
‫Express kemudian juga secara otomatis

291
00:14:02,100 --> 00:14:04,020
‫mengirimkan banyak header

292
00:14:04,020 --> 00:14:08,623
‫lain, misalnya, ini didukung oleh Express atau tanggal atau koneksi.

293
00:14:09,930 --> 00:14:11,880
‫Tapi sekali lagi, kita

294
00:14:11,880 --> 00:14:15,040
‫akan lebih berhati-hati dengan header nanti di kursus.

295
00:14:15,040 --> 00:14:18,410
‫Ini hanyalah contoh yang sangat kecil dan sederhana

296
00:14:18,410 --> 00:14:20,320
‫di sini, tetapi Anda

297
00:14:20,320 --> 00:14:24,240
‫sudah dapat mulai menghargai betapa mudahnya melakukan respons semacam ini.

298
00:14:24,240 --> 00:14:27,660
‫Untuk membuat rute ini untuk menanggapi permintaan klien, dengan cara yang jauh lebih

299
00:14:27,660 --> 00:14:31,373
‫mudah daripada hanya dengan node biasa. js.

300
00:14:32,650 --> 00:14:34,390
‫Dengan itu, di video

301
00:14:34,390 --> 00:14:36,990
‫berikutnya, kita akan mempelajari semua tentang membangun

302
00:14:36,990 --> 00:14:39,930
‫API menggunakan arsitektur lainnya, sehingga setelah itu, kita

303
00:14:39,930 --> 00:14:42,150
‫akhirnya bisa mulai membangun API kita.

