1
00:00:01,150 --> 00:00:03,130
‫Instruktur: Jadi, setelah sekian

2
00:00:03,130 --> 00:00:06,850
‫lama dan semua pekerjaan ini membangun proyek lengkap yang

3
00:00:06,850 --> 00:00:09,660
‫besar ini, sekarang akhirnya saatnya untuk benar-benar

4
00:00:09,660 --> 00:00:13,370
‫menyebarkannya ke server web dan benar-benar membaginya dengan dunia.

5
00:00:13,370 --> 00:00:15,510
‫Jadi, dalam video ini, Anda

6
00:00:15,510 --> 00:00:18,467
‫akan belajar cara men-deploy proyek ke Heroku.

7
00:00:20,167 --> 00:00:22,610
‫Dan, hal pertama yang sebenarnya perlu

8
00:00:22,610 --> 00:00:25,143
‫kita lakukan adalah menginstal Heroku di komputer kita.

9
00:00:26,870 --> 00:00:30,427
‫Jadi, mari kita cari Heroku NodeJS.

10
00:00:35,020 --> 00:00:38,050
‫Jadi, di sini, pada dasarnya kami

11
00:00:38,050 --> 00:00:41,530
‫memiliki panduan memulai untuk NodeJS dengan Heroku karena

12
00:00:41,530 --> 00:00:45,000
‫Anda dapat meng-host semua jenis aplikasi di

13
00:00:45,000 --> 00:00:48,700
‫Heroku seperti aplikasi PHP atau Ruby on Rails.

14
00:00:48,700 --> 00:00:51,190
‫Jadi, ini tidak hanya berfungsi untuk NodeJS.

15
00:00:51,190 --> 00:00:54,420
‫Dan, kita akan melihat lebih dekat Heroku sebentar lagi,

16
00:00:54,420 --> 00:00:57,520
‫tapi untuk sekarang, mari kita mulai dengan menginstal

17
00:00:57,520 --> 00:00:59,200
‫program ini di sini.

18
00:00:59,200 --> 00:01:02,630
‫Jadi, saya berada di bagian penyiapan panduan ini di sini.

19
00:01:02,630 --> 00:01:05,580
‫Jadi, sekarang, silakan lanjutkan dan instal

20
00:01:05,580 --> 00:01:08,540
‫penginstal untuk platform Anda, baik itu

21
00:01:08,540 --> 00:01:10,660
‫macOS, Windows, atau Linux.

22
00:01:10,660 --> 00:01:14,660
‫Atau, dalam hal ini di sini, saya kira itu hanya berfungsi untuk Ubuntu.

23
00:01:14,660 --> 00:01:17,270
‫Tidak, sebenarnya dikatakan di sini bahwa ini

24
00:01:17,270 --> 00:01:19,770
‫juga tersedia untuk Linux lain.

25
00:01:19,770 --> 00:01:22,260
‫Bagaimanapun, silakan lanjutkan dan instal versi

26
00:01:22,260 --> 00:01:24,010
‫yang Anda perlukan

27
00:01:24,010 --> 00:01:27,090
‫untuk komputer Anda dan kemudian, sementara itu,

28
00:01:27,090 --> 00:01:30,190
‫saat menginstal, lanjutkan dan buat akun baru.

29
00:01:30,190 --> 00:01:32,700
‫Jadi, klik di sini pada

30
00:01:32,700 --> 00:01:36,010
‫Daftar dan kemudian buka akun Heroku gratis Anda.

31
00:01:36,010 --> 00:01:38,890
‫Jadi, akun lain yang perlu Anda buat.

32
00:01:38,890 --> 00:01:41,640
‫Jadi, sebenarnya ada banyak akun

33
00:01:41,640 --> 00:01:45,140
‫berbeda yang perlu Anda buat untuk menyelesaikan proyek

34
00:01:45,140 --> 00:01:49,310
‫ini, tapi saya rasa begitulah cara kerja pengembangan web modern.

35
00:01:49,310 --> 00:01:51,730
‫Bagaimanapun, setelah akun Anda

36
00:01:51,730 --> 00:01:55,050
‫dibuat, mari kita lihat sekilas di situs

37
00:01:55,050 --> 00:01:59,830
‫web Heroku hanya untuk mendapatkan gambaran umum tentang platform ini.

38
00:01:59,830 --> 00:02:01,700
‫Jadi, Heroku adalah platform

39
00:02:01,700 --> 00:02:04,870
‫ini yang membuatnya sangat, sangat mudah dan tidak

40
00:02:04,870 --> 00:02:07,290
‫merepotkan untuk menyebarkan aplikasi web Anda.

41
00:02:07,290 --> 00:02:10,360
‫Dan, sekali lagi, mereka dapat menggunakan bahasa apa pun yang

42
00:02:10,360 --> 00:02:11,650
‫dapat Anda bayangkan.

43
00:02:11,650 --> 00:02:14,600
‫Seperti yang Anda lihat, NodeJS, Ruby

44
00:02:14,600 --> 00:02:17,820
‫on Rails, yang ini saya kira adalah Go,

45
00:02:17,820 --> 00:02:22,050
‫atau sebenarnya Java, atau PHP, Python, yang ini Go, kan?

46
00:02:22,050 --> 00:02:27,050
‫Jadi, semua jenis aplikasi benar-benar berjalan di Heroku.

47
00:02:28,380 --> 00:02:30,890
‫Jadi, mari kita lihat apa yang mereka katakan di sini.

48
00:02:30,890 --> 00:02:35,163
‫Dan, ini sebagian besar hanya pembicaraan pemasaran saya kira.

49
00:02:36,020 --> 00:02:38,220
‫Jadi, tidak ada yang terlalu menarik di sini.

50
00:02:38,220 --> 00:02:40,660
‫Namun, tentu saja, Anda dapat melihat semua manual

51
00:02:40,660 --> 00:02:42,550
‫yang berbeda ini di sini.

52
00:02:42,550 --> 00:02:45,690
‫Dan, sebenarnya gratis untuk memulai Heroku pada

53
00:02:45,690 --> 00:02:47,900
‫aplikasi yang sangat mendasar.

54
00:02:47,900 --> 00:02:51,120
‫Tapi, tentu saja, begitu Anda mulai menaikkannya,

55
00:02:51,120 --> 00:02:53,083
‫Anda harus mulai membayar.

56
00:02:54,400 --> 00:02:56,470
‫Tapi, di sini, versi gratisnya,

57
00:02:56,470 --> 00:02:59,600
‫seperti yang Anda lihat, hadir dengan semua fitur platform inti.

58
00:02:59,600 --> 00:03:01,820
‫Anda bahkan dapat menambahkan domain khusus.

59
00:03:01,820 --> 00:03:03,800
‫Tapi, satu-satunya masalah dengan itu

60
00:03:03,800 --> 00:03:06,550
‫adalah aplikasi pada dasarnya akan tidur, jadi, pada

61
00:03:06,550 --> 00:03:08,210
‫dasarnya, setelah 30

62
00:03:08,210 --> 00:03:10,283
‫menit tidak ada yang mengakses aplikasi.

63
00:03:11,760 --> 00:03:13,460
‫Tapi, bagaimanapun, Anda

64
00:03:13,460 --> 00:03:15,660
‫dapat melihat semua ini sendiri.

65
00:03:15,660 --> 00:03:18,870
‫Jadi, sekarang mari kita kembali ke proyek kita di sini.

66
00:03:18,870 --> 00:03:21,430
‫Dan, untuk memulai proses penerapan, mari

67
00:03:21,430 --> 00:03:25,300
‫kita mulai dengan masuk ke Heroku di baris perintah kita.

68
00:03:25,300 --> 00:03:28,370
‫Dan, itu akan berhasil karena penginstalan yang baru saja

69
00:03:28,370 --> 00:03:29,367
‫kita lakukan.

70
00:03:30,290 --> 00:03:32,970
‫Baiklah, mari kita beri lebih banyak ruang di sini.

71
00:03:32,970 --> 00:03:36,763
‫Bersihkan itu dan sekarang tulis login heroku.

72
00:03:40,060 --> 00:03:43,350
‫Jadi, jika instalasi Heroku Anda berhasil, setelah mengetik

73
00:03:43,350 --> 00:03:47,410
‫login heroku, Anda akan melihat pesan ini di sini, tekan

74
00:03:47,410 --> 00:03:50,100
‫sembarang tombol untuk membuka browser.

75
00:03:50,100 --> 00:03:52,890
‫Jadi, cukup tekan tombol apa saja, seperti yang tertulis,

76
00:03:52,890 --> 00:03:55,663
‫kecuali Q karena itu akan keluar dari aplikasi.

77
00:03:57,270 --> 00:04:00,880
‫Jadi, itu akan membuka jendela untuk Anda di mana

78
00:04:00,880 --> 00:04:02,243
‫Anda bisa masuk.

79
00:04:04,690 --> 00:04:07,250
‫Dan, setelah itu, seperti sulap,

80
00:04:07,250 --> 00:04:11,110
‫Anda akan masuk ke Heroku di baris perintah Anda.

81
00:04:11,110 --> 00:04:13,650
‫Jadi, mungkin perlu sedikit dan kadang-kadang,

82
00:04:14,490 --> 00:04:17,230
‫itu bahkan tidak berhasil pada percobaan pertama.

83
00:04:17,230 --> 00:04:19,090
‫Jadi, sebenarnya itu terjadi pada saya sebelumnya.

84
00:04:19,090 --> 00:04:20,873
‫Jadi, tekan saja kontrol C.

85
00:04:22,990 --> 00:04:26,680
‫Jadi, di Mac, itu benar-benar kontrol C, bukan perintah C.

86
00:04:26,680 --> 00:04:28,163
‫Dan. Mari kita coba lagi.

87
00:04:29,370 --> 00:04:33,493
‫Tekan tombol apa saja, kembali ke browser, masuk lagi.

88
00:04:35,980 --> 00:04:38,750
‫Kembali lagi, dan selesai.

89
00:04:38,750 --> 00:04:42,480
‫Jadi, Anda lihat, sekarang saya masuk dengan alamat email saya.

90
00:04:42,480 --> 00:04:44,890
‫Jadi, sekali lagi, ini bukan pertama

91
00:04:44,890 --> 00:04:47,920
‫kalinya itu tidak berhasil bagi saya untuk pertama kalinya.

92
00:04:47,920 --> 00:04:49,500
‫Jadi, jika itu terjadi

93
00:04:49,500 --> 00:04:53,120
‫pada Anda, lakukan saja persis seperti yang saya lakukan di sini.

94
00:04:53,120 --> 00:04:55,130
‫Bagaimanapun, sekarang, dengan ini, kita

95
00:04:55,130 --> 00:04:57,660
‫masuk ke Heroku di sini di konsol

96
00:04:57,660 --> 00:05:00,993
‫kita dan sekarang kita seharusnya dapat membuat proyek baru.

97
00:05:02,360 --> 00:05:05,560
‫Sekarang, sebelum melakukan itu, kita sebenarnya perlu mengubah

98
00:05:05,560 --> 00:05:10,480
‫sesuatu dalam paket NPM kita. berkas json.

99
00:05:10,480 --> 00:05:11,650
‫Jadi, yang ini.

100
00:05:11,650 --> 00:05:13,760
‫Dan, itu karena Heroku sebenarnya

101
00:05:13,760 --> 00:05:17,810
‫menggunakan perintah start kami di sini untuk memulai aplikasi kami.

102
00:05:17,810 --> 00:05:22,040
‫Sekarang, dalam produksi, kami tidak ingin menggunakan nodemon di sini.

103
00:05:22,040 --> 00:05:23,870
‫Kami hanya ingin menjalankan

104
00:05:23,870 --> 00:05:26,920
‫aplikasi kami menggunakan perintah node dan bukan

105
00:05:26,920 --> 00:05:29,950
‫nodemon karena itu benar-benar hanya untuk pengembangan.

106
00:05:29,950 --> 00:05:32,970
‫Jadi, mari kita ubah itu dan saya akan menduplikasi baris ini

107
00:05:33,937 --> 00:05:35,587
‫dan kemudian kita akan menyebutnya dev.

108
00:05:36,450 --> 00:05:38,953
‫Dan kemudian, yang mulai hanya akan menjadi simpul.

109
00:05:40,690 --> 00:05:43,810
‫Jadi, sekali lagi, dalam paket Anda. json, Anda harus

110
00:05:43,810 --> 00:05:46,890
‫selalu memiliki skrip awal seperti ini.

111
00:05:46,890 --> 00:05:49,773
‫Jadi, perintah node dan kemudian titik masuk Anda.

112
00:05:50,610 --> 00:05:53,920
‫Sekarang, yang juga penting untuk Heroku

113
00:05:53,920 --> 00:05:57,490
‫adalah Anda menentukan mesin ini di sini.

114
00:05:57,490 --> 00:05:59,670
‫Jadi, kami melakukannya sebelumnya, saya

115
00:05:59,670 --> 00:06:01,720
‫pikir, karena beberapa paket,

116
00:06:01,720 --> 00:06:05,230
‫atau sebenarnya karena ESLint mengharuskannya berfungsi dengan baik.

117
00:06:05,230 --> 00:06:07,440
‫Tapi, jika kita tidak mengaturnya

118
00:06:07,440 --> 00:06:11,213
‫saat itu, maka kita harus benar-benar mengaturnya pada saat ini.

119
00:06:12,610 --> 00:06:14,550
‫Sekarang, karena kita mengubah

120
00:06:14,550 --> 00:06:18,353
‫file ini, sekarang, kita perlu mengkomit perubahan ini ke repositori

121
00:06:19,200 --> 00:06:24,200
‫kita, jadi mari kita git add package. json di sini.

122
00:06:24,560 --> 00:06:25,693
‫Dan kemudian, git komit.

123
00:06:31,820 --> 00:06:34,323
‫Dan kemudian, dengan pesan komit yang berguna.

124
00:06:37,652 --> 00:06:39,660
‫Sekarang, hal lain yang sangat penting

125
00:06:39,660 --> 00:06:42,640
‫saat Anda menerapkan aplikasi ke Heroku adalah Anda mendengarkan

126
00:06:42,640 --> 00:06:46,543
‫port saat proses. lingkungan PELABUHAN.

127
00:06:47,580 --> 00:06:52,580
‫Jadi, di sini, di server, kami benar-benar melakukannya di sini.

128
00:06:54,500 --> 00:06:59,100
‫Jadi, kami menentukan variabel port sebagai proses. lingkungan PELABUHAN.

129
00:06:59,100 --> 00:07:02,460
‫Jadi, sekali lagi, di Heroku, itu mutlak wajib karena jika

130
00:07:02,460 --> 00:07:04,850
‫tidak, itu tidak akan berfungsi sama sekali.

131
00:07:04,850 --> 00:07:07,010
‫Jadi, jika di sini, misalnya,

132
00:07:07,010 --> 00:07:10,130
‫kita hanya menetapkan beberapa port acak, seperti 3000

133
00:07:10,130 --> 00:07:11,780
‫di sini, maka

134
00:07:13,035 --> 00:07:15,050
‫itu tidak akan bekerja dan

135
00:07:15,050 --> 00:07:18,730
‫itu karena di balik layar, Heroku sebenarnya akan menetapkan port

136
00:07:18,730 --> 00:07:20,780
‫acak ke variabel lingkungan ini.

137
00:07:20,780 --> 00:07:23,270
‫Tapi, sedikit lagi tentang itu sebentar lagi

138
00:07:24,310 --> 00:07:26,320
‫karena sekarang, kami benar-benar

139
00:07:26,320 --> 00:07:28,780
‫siap untuk melakukan penerapan yang sebenarnya.

140
00:07:28,780 --> 00:07:31,890
‫Dan, untuk melakukan itu, kami membuat proyek Heroku baru

141
00:07:31,890 --> 00:07:33,420
‫di folder proyek kami.

142
00:07:33,420 --> 00:07:36,830
‫Jadi, pastikan bahwa Anda benar-benar berada di folder

143
00:07:36,830 --> 00:07:38,700
‫root Anda dan kemudian,

144
00:07:38,700 --> 00:07:42,240
‫setelah Anda yakin berada di sana dan Anda masuk

145
00:07:42,240 --> 00:07:46,943
‫ke Heroku, yang telah kami lakukan sebelumnya, Anda dapat menulis heroku create.

146
00:07:48,160 --> 00:07:52,000
‫Dan, ini kemudian akan membuat aplikasi baru pada dasarnya dengan

147
00:07:52,000 --> 00:07:53,890
‫nama yang sepenuhnya acak.

148
00:07:53,890 --> 00:07:57,060
‫Jadi, dalam kasus saya, itu adalah pancaran-mata air dan

149
00:07:57,060 --> 00:07:59,320
‫kemudian nomor ini, tetapi aplikasi Anda,

150
00:07:59,320 --> 00:08:02,350
‫tentu saja, akan memiliki nama yang sama sekali berbeda.

151
00:08:02,350 --> 00:08:04,020
‫Sekarang, yang dilakukan

152
00:08:04,020 --> 00:08:06,580
‫adalah benar-benar membuat cabang jarak jauh baru

153
00:08:06,580 --> 00:08:08,290
‫di repositori Git kami.

154
00:08:08,290 --> 00:08:10,500
‫Dan, cabang ini disebut heroku.

155
00:08:10,500 --> 00:08:14,090
‫Jadi, ingat bagaimana sebelumnya, di salah satu kuliah sebelumnya, kami

156
00:08:14,090 --> 00:08:17,150
‫menambahkan cabang jarak jauh yang menunjuk ke GitHub

157
00:08:17,150 --> 00:08:19,263
‫dan cabang itu disebut asal.

158
00:08:20,160 --> 00:08:23,530
‫Jadi, lalu kami mendorong kode kami ke cabang

159
00:08:23,530 --> 00:08:27,423
‫jarak jauh itu menggunakan git push origin master, jadi seperti ini.

160
00:08:29,090 --> 00:08:30,320
‫Ingat bahwa?

161
00:08:30,320 --> 00:08:31,610
‫Jadi, sekarang, seperti yang

162
00:08:31,610 --> 00:08:35,040
‫saya sebutkan, kami memiliki cabang jarak jauh baru di sini, yang disebut heroku.

163
00:08:35,040 --> 00:08:38,420
‫Jadi, sungguh, proses penerapan aplikasi kita semudah

164
00:08:38,420 --> 00:08:41,960
‫mendorong kode kita ke cabang jarak jauh itu.

165
00:08:41,960 --> 00:08:46,740
‫Jadi, git push heroku master.

166
00:08:46,740 --> 00:08:49,450
‫Dan, itu benar-benar perlu menjadi cabang utama.

167
00:08:49,450 --> 00:08:53,033
‫Ini adalah satu-satunya cabang tempat penerapan ini berfungsi.

168
00:08:53,870 --> 00:08:55,580
‫Tetapi, dalam kasus kami, seperti

169
00:08:55,580 --> 00:08:57,700
‫yang Anda lihat di sini, kami sebenarnya berada

170
00:08:57,700 --> 00:09:01,823
‫di cabang master kami dan Anda juga dapat melihatnya di sini di sudut VS Code.

171
00:09:03,020 --> 00:09:04,690
‫Jadi, itu tidak masalah.

172
00:09:04,690 --> 00:09:06,670
‫Jadi, sekarang mari kita jalankan

173
00:09:06,670 --> 00:09:08,780
‫perintah ini, yang akan memakan waktu

174
00:09:08,780 --> 00:09:11,580
‫beberapa saat karena, tentu saja, itu akan mengunggah semua

175
00:09:11,580 --> 00:09:14,323
‫file Anda yang ada di repositori hingga Heroku.

176
00:09:18,330 --> 00:09:22,340
‫Dan sekarang, Anda melihat semua proses ini sedang berlangsung dan

177
00:09:22,340 --> 00:09:23,327
‫apa yang

178
00:09:23,327 --> 00:09:26,640
‫dilakukannya adalah menginstal semua dependensi kami di sini

179
00:09:26,640 --> 00:09:28,380
‫di aplikasi baru kami.

180
00:09:28,380 --> 00:09:30,357
‫Jadi, dalam aplikasi kami yang sekarang ada di Heroku.

181
00:09:33,500 --> 00:09:35,970
‫Jadi, mari kita tunggu sampai ini selesai

182
00:09:35,970 --> 00:09:39,153
‫dan saya akan melihat Anda kembali ketika proses ini selesai.

183
00:09:40,470 --> 00:09:42,270
‫Dan, itu selesai.

184
00:09:42,270 --> 00:09:46,350
‫Jadi, saya harap Anda mendapat pesan, Memverifikasi penyebaran... selesai.

185
00:09:46,350 --> 00:09:50,610
‫Jadi, Anda lihat, meluncurkan, dan itu benar-benar berarti bahwa

186
00:09:50,610 --> 00:09:53,320
‫aplikasi kita sekarang di-deploy ke Heroku

187
00:09:53,320 --> 00:09:55,023
‫ke URL ini.

188
00:09:56,240 --> 00:09:58,770
‫Jadi, Anda melihat build berhasil.

189
00:09:58,770 --> 00:10:01,920
‫Dan, sungguh, semua pesan yang sudah

190
00:10:01,920 --> 00:10:04,190
‫saya bicarakan sebelumnya.

191
00:10:04,190 --> 00:10:06,810
‫Jadi, sekarang, untuk membuka aplikasi

192
00:10:06,810 --> 00:10:09,703
‫kita, kita hanya perlu menulis heroku open.

193
00:10:11,240 --> 00:10:13,750
‫Sekarang, kami tidak berharap ini berfungsi

194
00:10:13,750 --> 00:10:16,250
‫dulu karena semua variabel lingkungan kami

195
00:10:16,250 --> 00:10:17,620
‫sebenarnya tidak

196
00:10:18,670 --> 00:10:22,780
‫ditentukan karena kami mengecualikan file konfigurasi ini di sini dari

197
00:10:22,780 --> 00:10:24,163
‫repositori Git kami.

198
00:10:25,560 --> 00:10:27,420
‫Tapi, tetap saja, hanya

199
00:10:27,420 --> 00:10:30,720
‫untuk bersenang-senang, mari kita coba membuka aplikasi kita.

200
00:10:30,720 --> 00:10:34,450
‫Jadi, memang, itu membuka URL kami, dalam hal ini,

201
00:10:34,450 --> 00:10:38,517
‫di radian-springs-85848. herokuapp. com.

202
00:10:41,100 --> 00:10:44,950
‫Jadi, pada dasarnya, ini adalah subdomain dari Heroku.

203
00:10:44,950 --> 00:10:46,730
‫Jadi, sekali lagi, seperti yang

204
00:10:46,730 --> 00:10:49,320
‫diharapkan, kami benar-benar mendapatkan beberapa kesalahan di sini.

205
00:10:49,320 --> 00:10:52,430
‫Dan, sekali lagi, itu karena variabel lingkungan kita,

206
00:10:52,430 --> 00:10:55,030
‫pada titik ini, belum didefinisikan.

207
00:10:55,030 --> 00:10:57,730
‫Sekarang, kita juga dapat melihat kesalahan

208
00:10:57,730 --> 00:10:59,850
‫ini di log Heroku.

209
00:10:59,850 --> 00:11:02,140
‫Jadi, izinkan saya menunjukkan itu juga.

210
00:11:02,140 --> 00:11:06,023
‫Jadi, heroku mencatat --tail.

211
00:11:07,710 --> 00:11:11,313
‫Jadi, di sini, Anda melihat status berubah dari penyimpanan menjadi macet, jadi mari kita

212
00:11:13,100 --> 00:11:15,130
‫lihat apa yang kita miliki di sini.

213
00:11:15,130 --> 00:11:17,170
‫Sebenarnya, Anda melihat pesan kesalahan yang

214
00:11:17,170 --> 00:11:18,930
‫kami buat sendiri di sini.

215
00:11:18,930 --> 00:11:21,530
‫Jadi, PENGECUALIAN TAK TERTANGKAP dengan emoji

216
00:11:21,530 --> 00:11:23,060
‫ini lalu Matikan...

217
00:11:27,320 --> 00:11:28,700
‫Dan, Anda lihat

218
00:11:28,700 --> 00:11:31,980
‫di sini, Tidak dapat membaca properti 'mengganti' undefined.

219
00:11:31,980 --> 00:11:35,170
‫Jadi, sekali lagi, itu karena variabel lingkungan

220
00:11:35,170 --> 00:11:37,510
‫tidak didefinisikan pada saat ini.

221
00:11:37,510 --> 00:11:41,053
‫Jadi, mari kita keluar dari log ini di sini, sekali lagi, dengan kontrol C.

222
00:11:42,860 --> 00:11:44,810
‫Jadi, sekarang, mari

223
00:11:44,810 --> 00:11:46,800
‫kita definisikan variabel lingkungan ini

224
00:11:46,800 --> 00:11:48,790
‫untuk membuat aplikasi kita bekerja.

225
00:11:48,790 --> 00:11:50,060
‫Dan, cara

226
00:11:50,060 --> 00:11:52,740
‫kita melakukannya adalah dengan menentukan setiap variabel

227
00:11:52,740 --> 00:11:54,960
‫lingkungan menggunakan perintah Heroku khusus.

228
00:11:54,960 --> 00:11:58,080
‫Jadi, Heroku dan platform hosting lainnya, mereka tidak

229
00:11:58,080 --> 00:12:01,000
‫menggunakan file . env seperti yang kami

230
00:12:01,000 --> 00:12:03,793
‫lakukan di sini dalam pengembangan untuk semua variabel konfigurasi kami.

231
00:12:05,160 --> 00:12:09,560
‫Jadi, sekali lagi, di sini dalam pengembangan, kami menggunakan konfigurasi ini. env untuk menempatkan variabel

232
00:12:09,560 --> 00:12:11,560
‫lingkungan kita.

233
00:12:11,560 --> 00:12:13,730
‫Tapi, di sini di Heroku, kami akan mendefinisikannya

234
00:12:13,730 --> 00:12:14,830
‫dengan cara yang berbeda.

235
00:12:14,830 --> 00:12:16,610
‫Tapi, kemudian dalam kode kami,

236
00:12:16,610 --> 00:12:18,543
‫semua yang kami miliki bekerja persis sama.

237
00:12:19,856 --> 00:12:22,120
‫Jadi, mari kita mulai dengan variabel

238
00:12:22,120 --> 00:12:24,650
‫NODE_ENV yang perlu kita setel ke produksi.

239
00:12:24,650 --> 00:12:29,650
‫Jadi, kita melakukannya dengan mengucapkan heroku config:set

240
00:12:32,390 --> 00:12:36,160
‫dan kemudian nama variabelnya, NODE_ENV=production.

241
00:12:40,930 --> 00:12:43,780
‫Dan, sebenarnya, variabel NODE_ENV ini

242
00:12:43,780 --> 00:12:47,220
‫sebenarnya disetel secara default ke produksi oleh Heroku.

243
00:12:47,220 --> 00:12:49,980
‫Tapi, tetap saja, mari kita pastikan 100%

244
00:12:49,980 --> 00:12:52,240
‫bahwa itu benar-benar tetap seperti

245
00:12:52,240 --> 00:12:54,760
‫ini, bahkan jika Heroku mengubah sesuatu.

246
00:12:54,760 --> 00:12:57,440
‫Jadi, sungguh, untuk memastikan, mari kita tetap

247
00:12:57,440 --> 00:13:00,610
‫melakukan ini karena, seperti yang kita ketahui, banyak kode

248
00:13:00,610 --> 00:13:03,130
‫kita sebenarnya bergantung pada variabel ini

249
00:13:03,130 --> 00:13:07,310
‫dan juga dapat membuat aplikasi Node berjalan hingga tiga kali lebih cepat.

250
00:13:07,310 --> 00:13:09,430
‫Saya pikir kita sudah membicarakannya sebelumnya.

251
00:13:09,430 --> 00:13:12,610
‫Jadi, pentingnya pengaturan NODE_ENV ke produksi.

252
00:13:12,610 --> 00:13:15,913
‫Tapi, bagaimanapun, itu adalah hal yang baik untuk melakukannya sebenarnya.

253
00:13:16,810 --> 00:13:18,950
‫Jadi, tekan saja kembali dan

254
00:13:18,950 --> 00:13:21,400
‫kemudian akan mengatur variabel lingkungan ini

255
00:13:21,400 --> 00:13:22,980
‫dan restart aplikasi.

256
00:13:22,980 --> 00:13:25,500
‫Jadi, sekarang, yang perlu kita lakukan

257
00:13:25,500 --> 00:13:27,640
‫pada dasarnya adalah melakukan

258
00:13:27,640 --> 00:13:30,580
‫ini untuk semua variabel lingkungan yang relevan.

259
00:13:30,580 --> 00:13:34,490
‫Jadi, kami melakukan NODE_ENV, sekarang, port, kami tidak akan mengaturnya

260
00:13:34,490 --> 00:13:36,360
‫karena, seperti yang saya

261
00:13:36,360 --> 00:13:38,380
‫sebutkan sebelumnya, Heroku sebenarnya, di

262
00:13:38,380 --> 00:13:41,533
‫belakang layar, menetapkan port acak ke aplikasi kami.

263
00:13:42,470 --> 00:13:44,913
‫Jadi, selanjutnya, mari tambahkan database.

264
00:13:46,390 --> 00:13:48,290
‫Dan, sebenarnya, mari kita salin semua ini.

265
00:13:52,550 --> 00:13:54,000
‫Dan kemudian, cukup tempel di sini.

266
00:13:54,940 --> 00:13:56,960
‫Dan, itu tidak benar-benar berhasil, jadi mari

267
00:13:56,960 --> 00:13:59,260
‫kita coba dengan beberapa kutipan di sini mungkin.

268
00:14:04,170 --> 00:14:06,580
‫Ya, itu terlihat jauh lebih baik.

269
00:14:06,580 --> 00:14:09,380
‫Selanjutnya, kata sandi basis data.

270
00:14:10,853 --> 00:14:12,520
‫Mari kita bersihkan di sini.

271
00:14:18,667 --> 00:14:20,334
‫Selanjutnya, rahasia.

272
00:14:24,720 --> 00:14:26,253
‫Jadi, seperti ini.

273
00:14:30,587 --> 00:14:34,263
‫Jadi, ini agak membosankan untuk melakukannya untuk mereka semua,

274
00:14:35,740 --> 00:14:38,160
‫tapi, yah, kita hanya perlu

275
00:14:38,160 --> 00:14:40,853
‫melakukannya sekali, jadi itu bukan masalah besar.

276
00:14:43,981 --> 00:14:46,710
‫Sekarang, kita juga membutuhkan yang ini

277
00:14:48,020 --> 00:14:51,070
‫di sini karena semua ini di sini

278
00:14:51,070 --> 00:14:54,190
‫hanya untuk mailtrap dan sebenarnya kita tidak membutuhkannya

279
00:14:54,190 --> 00:14:56,950
‫di produksi karena ingat saat kita sedang

280
00:14:56,950 --> 00:15:00,300
‫produksi, semua email kita sebenarnya dikirim menggunakan SENDGRID dan

281
00:15:00,300 --> 00:15:02,230
‫tidak lagi menggunakan mailtrap.

282
00:15:02,230 --> 00:15:04,270
‫Jadi, dalam aplikasi Heroku kami,

283
00:15:04,270 --> 00:15:06,563
‫kami tidak membutuhkan ini untuk variabel.

284
00:15:07,520 --> 00:15:09,773
‫Tapi, kami membutuhkan email dari.

285
00:15:13,520 --> 00:15:15,163
‫Jadi, itu yang kami berikutnya.

286
00:15:17,820 --> 00:15:19,960
‫Kemudian, kita perlu SENDGRID_USERNAME

287
00:15:26,670 --> 00:15:28,333
‫serta kata sandinya.

288
00:15:37,330 --> 00:15:40,963
‫Dan akhirnya, kunci strip rahasia kami.

289
00:15:46,320 --> 00:15:48,130
‫Dan, dengan ini, saya pikir

290
00:15:48,130 --> 00:15:51,530
‫kita memiliki semua variabel yang relevan yang ditetapkan di sini.

291
00:15:51,530 --> 00:15:55,653
‫Jadi, mari kita coba lagi, heroku terbuka.

292
00:15:59,850 --> 00:16:04,850
‫Dan, itu terlihat sempurna, indah.

293
00:16:04,960 --> 00:16:08,200
‫Jadi, sungguh, aplikasi kami sekarang digunakan ke pancaran-pegas

294
00:16:08,200 --> 00:16:12,610
‫atau apa pun yang Anda miliki dalam kasus Anda dan

295
00:16:12,610 --> 00:16:15,343
‫semuanya tampak bekerja dengan baik.

296
00:16:16,300 --> 00:16:18,083
‫Jadi, semua gambar kami ada di sini.

297
00:16:19,050 --> 00:16:22,393
‫Mari kita lihat satu halaman di sini juga.

298
00:16:25,280 --> 00:16:29,500
‫Dan, memang, semua itu bekerja dengan indah.

299
00:16:29,500 --> 00:16:31,333
‫Jadi, peta kami juga muncul.

300
00:16:34,190 --> 00:16:37,850
‫Dan, ya, tampaknya bekerja dengan baik.

301
00:16:37,850 --> 00:16:41,970
‫Dan, fakta bahwa semua ini bekerja dengan mulus juga

302
00:16:41,970 --> 00:16:43,360
‫menunjukkan keindahan

303
00:16:43,360 --> 00:16:46,550
‫memiliki database yang dihosting sepanjang waktu juga

304
00:16:46,550 --> 00:16:48,690
‫selama pengembangan karena tidak

305
00:16:48,690 --> 00:16:50,910
‫peduli apakah kita sedang

306
00:16:50,910 --> 00:16:54,890
‫dalam pengembangan atau produksi, database kita terus bekerja.

307
00:16:54,890 --> 00:16:57,360
‫Jadi, jika kita menggunakan database

308
00:16:57,360 --> 00:17:00,030
‫lokal, maka sekarang, kita harus mengekspor semua

309
00:17:00,030 --> 00:17:03,890
‫data dari database lokal itu kemudian membuat database yang dihosting

310
00:17:03,890 --> 00:17:07,600
‫dan mengunggah semua data ke database yang dihosting itu.

311
00:17:07,600 --> 00:17:10,460
‫Jadi, itu tentu saja akan menciptakan langkah

312
00:17:10,460 --> 00:17:12,160
‫ekstra dan pekerjaan ekstra.

313
00:17:12,160 --> 00:17:15,340
‫Dan, sekali lagi, dengan ini, itu hanya berfungsi.

314
00:17:15,340 --> 00:17:19,210
‫Jadi, itu adalah pengalaman pengembang yang sangat bagus di sana.

315
00:17:19,210 --> 00:17:22,743
‫Jadi, mari kita lihat apakah kita juga bisa login

316
00:17:23,830 --> 00:17:26,370
‫di sini, yang tentu saja bisa dilakukan

317
00:17:26,370 --> 00:17:28,900
‫dengan laura@example 2, 3, 4.

318
00:17:34,700 --> 00:17:36,313
‫Dan, sepertinya begitu.

319
00:17:39,697 --> 00:17:40,823
‫Sangat cantik.

320
00:17:41,960 --> 00:17:45,353
‫Mari kita lihat apakah semua tur buku kami masih ada

321
00:17:46,470 --> 00:17:48,440
‫di sini, tetapi mengapa tidak?

322
00:17:48,440 --> 00:17:51,270
‫Dan, memang, yah, sebenarnya hanya satu, tapi,

323
00:17:51,270 --> 00:17:53,373
‫memang, itu ada di sini.

324
00:17:54,460 --> 00:17:58,100
‫Jadi, bagus, itu benar-benar fantastis.

325
00:17:58,100 --> 00:18:00,420
‫Dan sekarang, mari kita

326
00:18:00,420 --> 00:18:02,763
‫lihat sekilas dashboard Heroku kita.

327
00:18:07,270 --> 00:18:09,293
‫Jadi, di sini, mari kita buka Heroku.

328
00:18:11,010 --> 00:18:12,343
‫Tutup dua ini.

329
00:18:14,120 --> 00:18:16,390
‫Jadi, sejak kita masuk sebelumnya

330
00:18:16,390 --> 00:18:19,810
‫di sini, ini akan secara otomatis membawa kita ke dasbor

331
00:18:19,810 --> 00:18:23,060
‫dan dasbor itu kemudian akan menunjukkan kepada Anda, secara

332
00:18:23,060 --> 00:18:26,210
‫default, semua aplikasi yang telah Anda terapkan saat ini.

333
00:18:26,210 --> 00:18:28,800
‫Jadi, salah satu yang baru saja kita gunakan

334
00:18:28,800 --> 00:18:30,970
‫adalah mata air pancaran di sini.

335
00:18:30,970 --> 00:18:33,260
‫Jadi, mari kita buka yang itu.

336
00:18:33,260 --> 00:18:34,390
‫Kemudian, di sini, di

337
00:18:34,390 --> 00:18:36,180
‫sisi kanan, Anda dapat melihat semua aktivitas.

338
00:18:36,180 --> 00:18:39,390
‫Misalnya, mengatur semua variabel konfigurasi yang baru

339
00:18:39,390 --> 00:18:41,040
‫saja kita lakukan.

340
00:18:41,040 --> 00:18:45,810
‫Anda memiliki sumber daya Anda dan banyak dari ini hanya menarik jika

341
00:18:45,810 --> 00:18:47,920
‫Anda memiliki dyno berbayar.

342
00:18:47,920 --> 00:18:50,390
‫Dan, dyno sebenarnya hanyalah istilah yang

343
00:18:50,390 --> 00:18:53,340
‫digunakan Heroku pada dasarnya untuk wadah tempat

344
00:18:53,340 --> 00:18:54,913
‫aplikasi Anda berjalan.

345
00:18:56,366 --> 00:18:58,390
‫Jadi, kami memiliki beberapa metrik di mana

346
00:18:58,390 --> 00:19:01,410
‫kami dapat melihat siapa yang mengakses aplikasi, tetapi, sekali lagi,

347
00:19:01,410 --> 00:19:03,250
‫itu hanya berfungsi jika

348
00:19:03,250 --> 00:19:05,093
‫Anda memiliki hobi atau dyno profesional.

349
00:19:06,950 --> 00:19:09,460
‫Tapi, yang benar-benar penting di sini adalah

350
00:19:09,460 --> 00:19:10,920
‫pengaturan dan di sini,

351
00:19:10,920 --> 00:19:14,420
‫saya ingin menunjukkan kepada Anda bahwa kami dapat mengungkapkan variabel konfigurasi.

352
00:19:14,420 --> 00:19:17,000
‫Jadi, alih-alih mengubah atau menambahkannya di

353
00:19:17,000 --> 00:19:20,253
‫baris perintah, kita juga bisa melakukannya di sini.

354
00:19:21,650 --> 00:19:24,170
‫Jadi, ini semua yang baru saja kita tambahkan

355
00:19:24,170 --> 00:19:25,223
‫di baris perintah.

356
00:19:27,250 --> 00:19:31,540
‫Kemudian, hal lain yang sangat penting ada di sini di More, kita

357
00:19:31,540 --> 00:19:33,623
‫benar-benar dapat melihat log kita.

358
00:19:37,560 --> 00:19:40,710
‫Jadi, mari kita tunggu di sini.

359
00:19:40,710 --> 00:19:44,430
‫Jadi, Heroku kemudian memberi Anda semua pencatatan ini untuk

360
00:19:44,430 --> 00:19:47,190
‫semua yang terjadi di aplikasi Anda.

361
00:19:47,190 --> 00:19:49,640
‫Jadi, ketika kami membuka aplikasi di browser,

362
00:19:49,640 --> 00:19:52,300
‫itu meminta semua file ini seperti yang Anda

363
00:19:52,300 --> 00:19:54,283
‫lihat di sini, misalnya.

364
00:19:56,600 --> 00:19:58,380
‫Jadi, sungguh, semua yang terjadi

365
00:19:58,380 --> 00:20:00,870
‫akan ada di sini, di log ini.

366
00:20:00,870 --> 00:20:04,210
‫Jadi, jika aplikasi Anda mogok atau jika sesuatu terjadi dan pada dasarnya segala

367
00:20:04,210 --> 00:20:07,660
‫sesuatu yang kami gunakan sebagai konsol. log kemudian akan

368
00:20:07,660 --> 00:20:10,843
‫muncul di sini di log ini.

369
00:20:10,843 --> 00:20:13,400
‫Jadi, ini adalah log Heroku yang saya

370
00:20:13,400 --> 00:20:15,933
‫sebutkan di salah satu kuliah sebelumnya.

371
00:20:17,987 --> 00:20:19,770
‫Sekarang, satu hal yang bisa

372
00:20:19,770 --> 00:20:22,300
‫kita lakukan adalah benar-benar mengubah nama aplikasi kita.

373
00:20:22,300 --> 00:20:25,410
‫Jadi, daripada disebut nama acak ini, kita bisa

374
00:20:25,410 --> 00:20:27,800
‫memberinya nama yang lebih bermakna.

375
00:20:27,800 --> 00:20:29,960
‫Sekarang, kita bisa melakukannya di

376
00:20:29,960 --> 00:20:34,090
‫sini, tapi itu akan mengacaukan aplikasi kita di terminal pada

377
00:20:34,090 --> 00:20:35,810
‫komputer lokal kita.

378
00:20:35,810 --> 00:20:38,620
‫Jadi, sebagai gantinya, yang kami lakukan adalah mengubah

379
00:20:38,620 --> 00:20:40,763
‫nama secara langsung di sini.

380
00:20:41,970 --> 00:20:46,813
‫Jadi, katakanlah, aplikasi heroku: ganti nama, seperti ini, lalu

381
00:20:48,460 --> 00:20:51,530
‫nama baru untuk aplikasi tersebut.

382
00:20:51,530 --> 00:20:53,470
‫Dan, saya akan

383
00:20:53,470 --> 00:20:55,740
‫menyebutnya natours, tetapi Anda, tentu

384
00:20:55,740 --> 00:20:59,420
‫saja, tidak akan dapat menyebutnya juga natours karena

385
00:20:59,420 --> 00:21:01,620
‫subdomain itu sudah diambil.

386
00:21:01,620 --> 00:21:04,350
‫Jadi, Anda kemudian dapat menyebutnya natours dengan nama

387
00:21:04,350 --> 00:21:07,660
‫Anda atau dengan nama pengguna Anda atau kata lain yang

388
00:21:07,660 --> 00:21:08,633
‫Anda inginkan.

389
00:21:10,000 --> 00:21:12,763
‫Jadi, saya akan melanjutkan dan sekarang, benar-benar menyebutnya alam.

390
00:21:13,660 --> 00:21:18,320
‫Oh, tapi aku melihat seseorang telah mengambil nama itu dariku,

391
00:21:18,320 --> 00:21:20,223
‫jadi sangat disayangkan.

392
00:21:21,304 --> 00:21:24,360
‫Tapi, mungkin itu karena saya sudah menggunakan nama natours

393
00:21:24,360 --> 00:21:26,570
‫dalam sebuah proyek di kursus lain.

394
00:21:26,570 --> 00:21:28,853
‫Jadi, seseorang pasti telah mengambilnya.

395
00:21:30,231 --> 00:21:33,080
‫Jadi, sebut saja natoursapp dan, tentu saja,

396
00:21:33,080 --> 00:21:35,440
‫saya perlu menulis yang lainnya.

397
00:21:35,440 --> 00:21:39,660
‫Jadi, aplikasi heroku: ganti nama

398
00:21:39,660 --> 00:21:41,840
‫lalu natoursapp.

399
00:21:41,840 --> 00:21:44,033
‫Jadi, mudah-mudahan, tidak ada yang mengambil yang satu ini.

400
00:21:45,780 --> 00:21:47,980
‫Dan, sepertinya itu melakukan

401
00:21:47,980 --> 00:21:51,020
‫sesuatu, tetapi seseorang telah mengambilnya juga.

402
00:21:51,020 --> 00:21:52,373
‫Yah, itu benar-benar aneh.

403
00:21:53,930 --> 00:21:56,120
‫Jadi, saya kira saya memiliki banyak siswa

404
00:21:56,120 --> 00:21:59,110
‫di luar sana yang memposting aplikasi mereka ke Heroku, jadi

405
00:21:59,110 --> 00:22:02,250
‫saya hanya akan mengikuti contoh yang saya berikan sebelumnya dan akan

406
00:22:02,250 --> 00:22:03,920
‫menambahkan nama saya di sini.

407
00:22:03,920 --> 00:22:07,800
‫Jadi, coba ketiga dengan natours-jonas.

408
00:22:07,800 --> 00:22:12,683
‫Jadi, ya, semoga yang ketiga kalinya berhasil.

409
00:22:13,780 --> 00:22:15,493
‫Jadi, mari kita tunggu di sini.

410
00:22:17,880 --> 00:22:18,960
‫Dan, itu saja.

411
00:22:18,960 --> 00:22:21,163
‫Jadi, mari kita coba buka heroku.

412
00:22:24,800 --> 00:22:27,150
‫Baiklah, dan ini dia.

413
00:22:27,150 --> 00:22:29,030
‫Dan, sekarang, pada titik

414
00:22:29,030 --> 00:22:31,330
‫ini, versi lama sebenarnya tidak lagi berfungsi.

415
00:22:31,330 --> 00:22:34,163
‫Jadi, yang ini hilang, mari kita tutup.

416
00:22:35,030 --> 00:22:36,780
‫Mari kita kembali ke Personal di sini.

417
00:22:38,010 --> 00:22:40,840
‫Jadi, ya, ini dia.

418
00:22:40,840 --> 00:22:42,993
‫Itulah natours-jonas.

419
00:22:44,750 --> 00:22:49,640
‫Hebat, jadi situs web kami sekarang resmi dalam produksi.

420
00:22:49,640 --> 00:22:52,070
‫Sekarang, hal lain yang ingin saya

421
00:22:52,070 --> 00:22:55,340
‫lakukan di sini adalah benar-benar memperbarui variabel lingkungan

422
00:22:55,340 --> 00:22:57,580
‫Postman untuk produksi, ingat itu?

423
00:22:57,580 --> 00:22:59,480
‫Jadi, mari kita lanjutkan dan salin ini di sini.

424
00:23:00,440 --> 00:23:03,610
‫Dan, juga tidak bagaimana sebenarnya secara otomatis

425
00:23:03,610 --> 00:23:07,000
‫kita berada di https di sini di Heroku.

426
00:23:07,000 --> 00:23:10,620
‫Jadi, Heroku melakukan semua manajemen sertifikat SSL untuk

427
00:23:10,620 --> 00:23:14,810
‫kami di belakang layar agar halaman kami selalu aman,

428
00:23:14,810 --> 00:23:16,840
‫selalu dengan https.

429
00:23:16,840 --> 00:23:20,773
‫Jadi, itulah fitur Heroku yang sangat bagus.

430
00:23:22,540 --> 00:23:24,860
‫Jadi, sekarang, di Postman,

431
00:23:24,860 --> 00:23:29,860
‫mari kita lanjutkan dan ubah produksi dan URL ini.

432
00:23:30,450 --> 00:23:32,733
‫Tentu saja, yang ini hanya pengganti.

433
00:23:33,680 --> 00:23:38,120
‫Dan, sebaliknya, yang kami inginkan sekarang adalah URL produksi kami yang sebenarnya.

434
00:23:38,120 --> 00:23:40,593
‫Dan, saya tidak yakin apakah itu benar

435
00:23:41,820 --> 00:23:44,900
‫seperti ini, tetapi hanya memperbarui dan membandingkannya dengan yang dikembangkan.

436
00:23:44,900 --> 00:23:46,340
‫Tapi, memang begitu.

437
00:23:46,340 --> 00:23:48,823
‫Jadi, itu harus diakhiri dengan garis miring ini.

438
00:23:50,380 --> 00:23:53,483
‫Jadi, yang baru saja kita lakukan juga melakukannya.

439
00:23:54,320 --> 00:23:57,220
‫Jadi, mari kita perbarui, tutup, dan

440
00:23:57,220 --> 00:24:00,560
‫sekarang, yang perlu kita lakukan di sini adalah

441
00:24:00,560 --> 00:24:03,683
‫berubah dari lingkungan pengembangan ke alam produksi ini.

442
00:24:04,560 --> 00:24:08,660
‫Jadi, sekarang, jika, misalnya, saya mencoba mendapatkan Get All Tours, yang sebenarnya

443
00:24:08,660 --> 00:24:11,260
‫adalah salah satu yang telah kami buka,

444
00:24:11,260 --> 00:24:13,860
‫mari kita lihat apakah itu berhasil.

445
00:24:13,860 --> 00:24:15,363
‫Mari kita matikan semua ini.

446
00:24:17,200 --> 00:24:20,093
‫Dan, memang, memang, bagus.

447
00:24:21,400 --> 00:24:23,220
‫Mari kita lihat apakah kita

448
00:24:23,220 --> 00:24:26,543
‫benar-benar dapat melihat URL lengkapnya di suatu tempat di sini.

449
00:24:28,270 --> 00:24:29,823
‫Yah, itu tidak benar-benar terlihat.

450
00:24:31,870 --> 00:24:34,110
‫Tapi, bagaimanapun, itu tidak terlalu

451
00:24:34,110 --> 00:24:37,810
‫penting karena kita masih tahu bahwa itu benar-benar berhasil.

452
00:24:37,810 --> 00:24:40,110
‫Jadi, kami sekarang benar-benar mendapatkan data

453
00:24:40,110 --> 00:24:43,860
‫ini kembali dari API produksi kami dan kami dapat dengan

454
00:24:43,860 --> 00:24:46,470
‫mudah membuktikannya karena versi pengembangan saat ini

455
00:24:46,470 --> 00:24:48,010
‫bahkan tidak berjalan.

456
00:24:48,010 --> 00:24:50,943
‫Jadi, jika kami mengirim ini, kami mendapatkan kesalahan ini.

457
00:24:54,830 --> 00:24:58,420
‫Jadi, sekali lagi, sungguh, selamat

458
00:24:58,420 --> 00:25:02,970
‫karena hampir menyelesaikan proyek pada titik ini.

459
00:25:02,970 --> 00:25:04,920
‫Itu sudah ada di server

460
00:25:04,920 --> 00:25:07,260
‫langsung dan Anda dapat, pada titik ini,

461
00:25:07,260 --> 00:25:10,650
‫membagikan proyek Anda kepada dunia dan menunjukkan kepada semua orang apa

462
00:25:10,650 --> 00:25:13,883
‫yang telah Anda capai setelah semua pekerjaan membangun proyek ini.

463
00:25:14,720 --> 00:25:18,420
‫Hanya satu hal kecil yang ingin saya lakukan di

464
00:25:18,420 --> 00:25:22,720
‫sini, seperti yang saya katakan di kuliah terakhir, adalah menguji kompresi itu.

465
00:25:22,720 --> 00:25:27,320
‫Jadi, mari kita cari tes kompresi gzip di sini.

466
00:25:30,740 --> 00:25:33,850
‫Dan kemudian, itu seharusnya hasil pertama di sini,

467
00:25:33,850 --> 00:25:35,163
‫Gift of Speed.

468
00:25:36,150 --> 00:25:40,710
‫Jadi, jika kita memasukkan URL kita di sini dan kemudian memeriksa, mari kita lihat.

469
00:25:42,450 --> 00:25:45,200
‫Dan, kita melihat GZIP Diaktifkan.

470
00:25:45,200 --> 00:25:47,903
‫Jadi, itu karena paket kompresi yang

471
00:25:47,903 --> 00:25:50,200
‫kita gunakan di kuliah terakhir.

472
00:25:50,200 --> 00:25:53,380
‫Jadi, awalnya, halaman kita akan memiliki 14K, tetapi

473
00:25:53,380 --> 00:25:55,560
‫kemudian dikompresi, menjadi 2K.

474
00:25:55,560 --> 00:25:58,610
‫Dan, tentu saja, itu tidak membuat perbedaan besar

475
00:25:58,610 --> 00:26:02,610
‫dalam kasus ini, tetapi untuk halaman yang jauh lebih besar, tentu

476
00:26:02,610 --> 00:26:05,903
‫saja, itu benar-benar dapat membuat perbedaan bagi pengguna Anda.

477
00:26:06,840 --> 00:26:10,470
‫Sempurna, sekarang, dalam beberapa video berikutnya, hanya ada

478
00:26:10,470 --> 00:26:12,740
‫beberapa hal kecil yang

479
00:26:12,740 --> 00:26:15,023
‫masih perlu kami perbaiki di sini.

480
00:26:16,020 --> 00:26:17,330
‫Jadi, kami akan

481
00:26:17,330 --> 00:26:20,200
‫melakukannya selama dua atau tiga kuliah berikutnya.

482
00:26:20,200 --> 00:26:21,730
‫Nah, setelah

483
00:26:21,730 --> 00:26:24,463
‫itu proyek benar-benar selesai 100%.