【NodeJS 教学】10分钟快速编写属于自己的Node JS后端服务器 - 迈入全端开发的第一步 (Build NodeJS Backend Server Under 10mins)
☕ ☕ ☕ 如果觉得这些教学对你有用，那就请我喝杯咖啡吧！
我会继续为你创作更多免费的编程教学视频，让你轻松入门编程。
✅ https://bit.ly/3kCOpFK
✅ (免费) JavaScript教程系列：
https://bit.ly/310cHle
✅ 更多精彩的JavaScript入门课程：
http://bit.ly/js-for-beginners
✅ JavaScript相关书籍：
1：The Definitive Guide: Master the World's Most-Used Programming Language - 7th Edition (强烈推荐👍)
https://amzn.to/31s30uH
✅（通告）”Codetisan 自学编程社区“ 已经正式开通啦，三人行必有我师，同学们再也不用独自一人闷头自学编程了，快去社区里和其他小伙伴们互动吧！
▶︎ https://bit.ly/2AHylzN
🔆订阅我的YouTube频道，让你从一个0基础编程的菜鸟快速成为编程大师！🔆
http://bit.ly/2TBkXo1
▶︎ 文轩解码更精彩的平台 ◀︎
‣‣ Blogger ：https://bit.ly/2yMz0PC
‣‣ Twitter: https://bit.ly/2R74FS1
‣‣ Facebook: https://bit.ly/35crcmz
‣‣ Instagram: https://bit.ly/2KH6Wjw
‣‣ Github: https://bit.ly/2SHtsx4
#nodejs教学 #编程入门 #javascript
文字版内容：
Hi 大家好 我是文轩
欢迎再次收看文轩解码
这集视频是NodeJS教学系列的第二集
我在第一集里分享了怎么安装NodeJS
和编写第一个NodeJS后端程序
如果你还没看第一集的话
等一下记得要回看
因为它能帮你快速入门NodeJS
今天我将会和你分享怎么用NodeJS创建后端服务器
这个NodeJS后端服务器会根据前端发送的请求返回特定数据
这就像用户在前端输入用户名和密码
然后把登录信息提交到NodeJS服务器验证
这时候NodeJS的后端程序就会启动验证程序
开始验证用户名和密码
如果用户名和密码都正确
NodeJS后端程序就会返回登录成功的信息
当创建NodeJS服务器的时候
我们需要给NodeJS服务器设置一个服务端口
port number
一般Linux或者Windows服务器会运行好几个对外开放的服务
像邮件服务或者FTP服务
这些服务都有自己的服务端口
邮件服务器的服务端口是25
FTP的端口则是21
邮件和FTP服务会一直监听这些端口去查看是否有请求进来
我们的NodeJS服务器也一样
也需要一直监听自定义的服务端口是否有请求
然后处理这些请求
端口号0至1023是系统保留的端口号
所以我们不能用
一般NodeJS服务器的端口
我会选用3000或者5000
其实没有特别的理由
可能就是看着顺眼
而且它也不是保留端口
当然你也可以选用其他的端口
只要大于1023就可以了
好的
现在我们进入实操的部分
编写第一个NodeJS服务器
先切换到VS Code
这个服务器我们将会使用最原始的方法去创建
那就是使用NodeJS自带的HTTP Module (模块)
要使用HTTP Module (模块）
就需要先将它导入
我们可以用require函数导入这个HTTP Module (模块)
然后在函数里输入http字符串
HTTP模块会返回http object
所以我们需要将它赋予一个变量
一般http object在程序运行的时候不会改变
所以这里我就用constant去储存这个http object
http
等于
好的 HTTP模块现在已经被导入了
先保存一下代码
将它命名server.js
接下来我们会使用http object里的
createServer函数创建服务器
输入http.createServer()
createServer函数会返回server object
所以我们需要将返回的server object赋予一个constant
const server =
这样我们就可以把server object赋予这个server变量了
我们的服务器已经创建好了
接下来要设置一下服务器在收到请求的时候该怎么响应
我们需要把一个请求监听器植入到刚创建的服务器里
那我们要怎么定义和植入这个请求监听器呢？
很简单
所谓的监听器
其实就是一个函数
当这个函数收到请求后
就会开始处理请求
等请求处理完之后
就会把处理好的信息返回到前端
要植入请求监听器
我们直接在这里添加一个函数
这个函数有两个参数
第一个是request object
第二个是response object
我现在用的是箭头函数 (arrow function)
是比较新的定义函数语句
在之前的JavaScript教学里
一直都是用function关键字去定义函数
这种新型的箭头函数语句会让我们的程序看起来更简洁
这个监听器在每次收到请求的时候都会被执行
我们能从request object里获取从前端发过来的请求信息
这包括请求方法
是GET请求还是POST请求
还有其他的，像请求头部信息和请求内容等等
第二个参数是response object
response object里的函数是专门用来处理
即将要反馈给前端的信息
比如我们可以用response.end() 函数
从后端发送信息到前端
或者用response.setHeader() 函数设置头部信息
现在我们在监听器插入一行代码
让NodeJS服务器每一次收到请求的时候都
返回Hello From NodeJS Server的字符串
我们可以使用response object里的end函数
response.end()
接着我们在小括号里输入字符串
"Hello From NodeJS Server"
好的
截至目前为止
我们导入了HTTP模块
然后用HTTP模块创建服务器
再后来我们在这个服务器里植入一个请求监听器
专门用来收集请前端发过来的请求
然后最后通过response.end函数把字符串返回到前端
创建完服务器
那接下来我们就需要让服务器运行起来并开始监听来自前端的请求
要开始监听来自前端的请求
我们可以使用server object里的listen函数
server.listen()
接着我们在小括号里添加3个参数
第一个参数是端口
第二个参数是服务器的IP地址
也就是你电脑的IP地址
最后一个参数是回调函数
这个回调函数会在服务器开始监听请求的时候被调用
一般这个回调函数会用来显示服务器已经开始运行的一些信息
这好让我们知道服务器是不是真的已经开始运行了
我们先把port和IP地址都保存在constant里
const
port
等于3000
然后const
ip
等于
127.0.0.1
为什么我要输入这个IP地址而不是其他的地址？
这是因为这个NodeJS服务器是在你电脑运行的
要访问这个服务器
就必须访问你电脑的IP地址
127.0.0.1 其实是指向你的电脑
这个IP也叫做本机IP
访问这个IP地址
就能访问刚创建的NodeJS服务器
好的
现在我们在listen函数这里插入第一个参数
port
然后第二个参数输入ip
接着第三个参数定义一个回调函数callback
这个callback没有参数
所以可以直接输入小括号
然后箭头
再输入大括号
接着我们在函数体里输入
console log
Server is running at http
冒号
两个斜杠
然后就是ip变量
冒号
最后port的变量
ip和port变量需要用特殊符号包起来
这样就能输出它们的值
而不是ip和port字面
okay
代码的部分就完成了
先保存一下代码
你需要记得这个代码保存在哪一个文件夹里
因为等一下我们会在Terminal里切换到
保存server.js的文件夹
然后用node指令去执行server.js
那现在我们去Terminal执行一下这个代码
先打开VS Code里的Terminal
点击View Menu
然后再点击Terminal
现在我们用cd的指令切换到server.js的文件夹
先输入cd
然后要切换的路径 (path/folder)
然后输入ls确认server.js是不是在文件夹里
嗯
server.js是在文件夹里的
那下一步我们输入node
空格
server.js
然后按下Enter键启动NodeJS服务器
如果NodeJS服务器正常运行
就会显示这行字
这是NodeJS后端程序的地址
这个地址后面是带着端口号的
所以等一下我们copy这个地址的时候
也要把这个端口一起copy
不然我们就访问不了我们的后端程序
我们先copy这个地址
然后粘贴到Chrome浏览器访问一下
看看NodeJS服务器会不会给我们反馈
Hello From NodeJS Server的字符串
嗯
页面显示Hello From NodeJS Server
这是从NodeJS返回的字符串
那就意味着我们成功把NodeJS后端程序给运行起来了
编写NodeJS后端程序和编写前端JavaScript程序有点不一样
那就是每一次我们更新完NodeJS服务器代码
都必须重启服务器
不然更新后的代码不会被调用
NodeJS不像前端JavaScript那样
更新完代码
刷新页面就可以看到更新了
NodeJS必须重启才能看到更新
给你演示一下
在这里输入2
然后刷新页面
嗯，你看
更新后的信息是不是没被打印出来
那现在来重启一下服务器
首先我们需要停止服务器
在Terminal里按下ctrl 和 c 键
现在服务器被停止了
接着按向上键
找出上一个输入的指令
确定是 node server.js 就按Enter键执行
当然你也可以直接输入node server.js
服务器现在启动了
那我们再刷新页面看看
现在页面显示的字符串是我们刚更新过的字符串
所以这也就证明了每一次更新代码后都必须重启服务器
要切记这一点
希望这集视频能让你对NodeJS后端服务器有更近一步的了解
我会在下个视频继续和你分享NodeJS服务器是怎么辨别
GET请求和POST请求
还有这两种请求实 际上又有什么区别呢？
我会在下个视频一一为你揭晓
不想错过的话
记得订阅关注频道
如果觉得这个视频对你有帮助
希望你也能帮忙点个赞
因为每一个赞对于我来说都是鼓励和前进的动力
好的
那今天我就分享到这里
我们下个视频见
拜拜
Comments
Post a Comment