【NodeJS 教学】10分钟快速编写属于自己的Node JS后端服务器 - 迈入全端开发的第一步 (Build NodeJS Backend Server Under 10mins) — Transcript

Full transcript

1. 0:03Hi 大家好 我是文轩
2. 0:05欢迎再次收看文轩解码
3. 0:07这集视频是NodeJS教学系列的第二集
4. 0:10我在第一集里分享了怎么安装NodeJS
5. 0:12和编写第一个NodeJS后端程序
6. 0:15如果你还没看第一集的话
7. 0:17等一下记得要回看
8. 0:18因为它能帮你快速入门NodeJS
9. 0:21今天我将会和你分享怎么用NodeJS创建后端服务器
10. 0:25这个NodeJS后端服务器会根据前端发送的请求返回特定数据
11. 0:29这就像用户在前端输入用户名和密码
12. 0:32然后把登录信息提交到NodeJS服务器验证
13. 0:36这时候NodeJS的后端程序就会启动验证程序
14. 0:39开始验证用户名和密码
15. 0:41如果用户名和密码都正确
16. 0:43NodeJS后端程序就会返回登录成功的信息
17. 0:47当创建NodeJS服务器的时候
18. 0:49我们需要给NodeJS服务器设置一个服务端口
19. 0:52port number
20. 0:54一般Linux或者Windows服务器会运行好几个对外开放的服务
21. 0:58像邮件服务或者FTP服务
22. 1:01这些服务都有自己的服务端口
23. 1:04邮件服务器的服务端口是25
24. 1:07FTP的端口则是21
25. 1:09邮件和FTP服务会一直监听这些端口去查看是否有请求进来
26. 1:14我们的NodeJS服务器也一样
27. 1:16也需要一直监听自定义的服务端口是否有请求
28. 1:20然后处理这些请求
29. 1:22端口号0至1023是系统保留的端口号
30. 1:25所以我们不能用
31. 1:27一般NodeJS服务器的端口
32. 1:29我会选用3000或者5000
33. 1:32其实没有特别的理由
34. 1:34可能就是看着顺眼
35. 1:36而且它也不是保留端口
36. 1:38当然你也可以选用其他的端口
37. 1:40只要大于1023就可以了
38. 1:43好的
39. 1:43现在我们进入实操的部分
40. 1:45编写第一个NodeJS服务器
41. 1:48先切换到VS Code
42. 1:52这个服务器我们将会使用最原始的方法去创建
43. 1:56那就是使用NodeJS自带的HTTP Module (模块)
44. 2:00要使用HTTP Module (模块）
45. 2:02就需要先将它导入
46. 2:04我们可以用require函数导入这个HTTP Module (模块)
47. 2:10然后在函数里输入http字符串
48. 2:16HTTP模块会返回http object
49. 2:19所以我们需要将它赋予一个变量
50. 2:22一般http object在程序运行的时候不会改变
51. 2:26所以这里我就用constant去储存这个http object
52. 2:30http
53. 2:32等于
54. 2:33好的 HTTP模块现在已经被导入了
55. 2:36先保存一下代码
56. 2:38将它命名server.js
57. 2:44接下来我们会使用http object里的
58. 2:47createServer函数创建服务器
59. 2:50输入http.createServer()
60. 2:58createServer函数会返回server object
61. 3:01所以我们需要将返回的server object赋予一个constant
62. 3:04const server =
63. 3:09这样我们就可以把server object赋予这个server变量了
64. 3:14我们的服务器已经创建好了
65. 3:16接下来要设置一下服务器在收到请求的时候该怎么响应
66. 3:21我们需要把一个请求监听器植入到刚创建的服务器里
67. 3:25那我们要怎么定义和植入这个请求监听器呢？
68. 3:29很简单
69. 3:30所谓的监听器
70. 3:31其实就是一个函数
71. 3:33当这个函数收到请求后
72. 3:35就会开始处理请求
73. 3:37等请求处理完之后
74. 3:38就会把处理好的信息返回到前端
75. 3:41要植入请求监听器
76. 3:43我们直接在这里添加一个函数
77. 3:46这个函数有两个参数
78. 3:48第一个是request object
79. 3:50第二个是response object
80. 3:53我现在用的是箭头函数 (arrow function)
81. 3:55是比较新的定义函数语句
82. 3:58在之前的JavaScript教学里
83. 4:00一直都是用function关键字去定义函数
84. 4:03这种新型的箭头函数语句会让我们的程序看起来更简洁
85. 4:07这个监听器在每次收到请求的时候都会被执行
86. 4:11我们能从request object里获取从前端发过来的请求信息
87. 4:16这包括请求方法
88. 4:17是GET请求还是POST请求
89. 4:20还有其他的，像请求头部信息和请求内容等等
90. 4:24第二个参数是response object
91. 4:27response object里的函数是专门用来处理
92. 4:29即将要反馈给前端的信息
93. 4:32比如我们可以用response.end() 函数
94. 4:34从后端发送信息到前端
95. 4:37或者用response.setHeader() 函数设置头部信息
96. 4:41现在我们在监听器插入一行代码
97. 4:44让NodeJS服务器每一次收到请求的时候都
98. 4:47返回Hello From NodeJS Server的字符串
99. 4:50我们可以使用response object里的end函数
100. 4:55response.end()
101. 4:58接着我们在小括号里输入字符串
102. 5:01"Hello From NodeJS Server"
103. 5:11好的
104. 5:12截至目前为止
105. 5:13我们导入了HTTP模块
106. 5:15然后用HTTP模块创建服务器
107. 5:18再后来我们在这个服务器里植入一个请求监听器
108. 5:22专门用来收集请前端发过来的请求
109. 5:25然后最后通过response.end函数把字符串返回到前端
110. 5:30创建完服务器
111. 5:31那接下来我们就需要让服务器运行起来并开始监听来自前端的请求
112. 5:36要开始监听来自前端的请求
113. 5:39我们可以使用server object里的listen函数
114. 5:43server.listen()
115. 5:48接着我们在小括号里添加3个参数
116. 5:51第一个参数是端口
117. 5:53第二个参数是服务器的IP地址
118. 5:56也就是你电脑的IP地址
119. 5:58最后一个参数是回调函数
120. 6:01这个回调函数会在服务器开始监听请求的时候被调用
121. 6:05一般这个回调函数会用来显示服务器已经开始运行的一些信息
122. 6:09这好让我们知道服务器是不是真的已经开始运行了
123. 6:13我们先把port和IP地址都保存在constant里
124. 6:17const
125. 6:19port
126. 6:21等于3000
127. 6:23然后const
128. 6:26ip
129. 6:28等于
130. 6:31127.0.0.1
131. 6:36为什么我要输入这个IP地址而不是其他的地址？
132. 6:40这是因为这个NodeJS服务器是在你电脑运行的
133. 6:44要访问这个服务器
134. 6:45就必须访问你电脑的IP地址
135. 6:48127.0.0.1 其实是指向你的电脑
136. 6:52这个IP也叫做本机IP
137. 6:55访问这个IP地址
138. 6:56就能访问刚创建的NodeJS服务器
139. 6:59好的
140. 7:00现在我们在listen函数这里插入第一个参数
141. 7:03port
142. 7:04然后第二个参数输入ip
143. 7:07接着第三个参数定义一个回调函数callback
144. 7:11这个callback没有参数
145. 7:13所以可以直接输入小括号
146. 7:15然后箭头
147. 7:18再输入大括号
148. 7:20接着我们在函数体里输入
149. 7:22console log
150. 7:28Server is running at http
151. 7:34冒号
152. 7:36两个斜杠
153. 7:38然后就是ip变量
154. 7:43冒号
155. 7:45最后port的变量
156. 7:50ip和port变量需要用特殊符号包起来
157. 7:54这样就能输出它们的值
158. 7:56而不是ip和port字面
159. 7:59okay
160. 7:59代码的部分就完成了
161. 8:01先保存一下代码
162. 8:05你需要记得这个代码保存在哪一个文件夹里
163. 8:08因为等一下我们会在Terminal里切换到
164. 8:10保存server.js的文件夹
165. 8:12然后用node指令去执行server.js
166. 8:16那现在我们去Terminal执行一下这个代码
167. 8:19先打开VS Code里的Terminal
168. 8:22点击View Menu
169. 8:24然后再点击Terminal
170. 8:26现在我们用cd的指令切换到server.js的文件夹
171. 8:31先输入cd
172. 8:33然后要切换的路径 (path/folder)
173. 8:43然后输入ls确认server.js是不是在文件夹里
174. 8:49嗯
175. 8:49server.js是在文件夹里的
176. 8:52那下一步我们输入node
177. 8:55空格
178. 8:56server.js
179. 8:58然后按下Enter键启动NodeJS服务器
180. 9:02如果NodeJS服务器正常运行
181. 9:04就会显示这行字
182. 9:07这是NodeJS后端程序的地址
183. 9:09这个地址后面是带着端口号的
184. 9:12所以等一下我们copy这个地址的时候
185. 9:14也要把这个端口一起copy
186. 9:16不然我们就访问不了我们的后端程序
187. 9:19我们先copy这个地址
188. 9:22然后粘贴到Chrome浏览器访问一下
189. 9:24看看NodeJS服务器会不会给我们反馈
190. 9:27Hello From NodeJS Server的字符串
191. 9:38嗯
192. 9:39页面显示Hello From NodeJS Server
193. 9:42这是从NodeJS返回的字符串
194. 9:45那就意味着我们成功把NodeJS后端程序给运行起来了
195. 9:51编写NodeJS后端程序和编写前端JavaScript程序有点不一样
196. 9:55那就是每一次我们更新完NodeJS服务器代码
197. 9:58都必须重启服务器
198. 10:00不然更新后的代码不会被调用
199. 10:03NodeJS不像前端JavaScript那样
200. 10:05更新完代码
201. 10:06刷新页面就可以看到更新了
202. 10:08NodeJS必须重启才能看到更新
203. 10:12给你演示一下
204. 10:14在这里输入2
205. 10:17然后刷新页面
206. 10:27嗯，你看
207. 10:28更新后的信息是不是没被打印出来
208. 10:32那现在来重启一下服务器
209. 10:34首先我们需要停止服务器
210. 10:37在Terminal里按下ctrl 和 c 键
211. 10:42现在服务器被停止了
212. 10:44接着按向上键
213. 10:46找出上一个输入的指令
214. 10:49确定是 node server.js 就按Enter键执行
215. 10:53当然你也可以直接输入node server.js
216. 10:57服务器现在启动了
217. 10:59那我们再刷新页面看看
218. 11:05现在页面显示的字符串是我们刚更新过的字符串
219. 11:09所以这也就证明了每一次更新代码后都必须重启服务器
220. 11:13要切记这一点
221. 11:15希望这集视频能让你对NodeJS后端服务器有更近一步的了解
222. 11:19我会在下个视频继续和你分享NodeJS服务器是怎么辨别
223. 11:23GET请求和POST请求
224. 11:25还有这两种请求实 际上又有什么区别呢？
225. 11:28我会在下个视频一一为你揭晓
226. 11:31不想错过的话
227. 11:32记得订阅关注频道
228. 11:34如果觉得这个视频对你有帮助
229. 11:36希望你也能帮忙点个赞
230. 11:38因为每一个赞对于我来说都是鼓励和前进的动力
231. 11:42好的
232. 11:43那今天我就分享到这里
233. 11:45我们下个视频见
234. 11:46拜拜