创建一个后端dome开始(一)"/>
node.js轻松入门,创建一个后端dome开始(一)
所需软件:
vscode,官网链接下载:/;(也可以用自己习惯的编辑器)
node.js,官网链接下载:/
安装自己电脑的合适版本即可。
安装这些一般直接点击下一步即可,对于一些国外的软件注意安装目录中最好不要有中文路径,以免出现问题。
1.创建目录
首先我们创建一个node的文件夹,里面创建一个index.js文件,然后把整个文件夹拖入到vscode就可以开始写代码了:
我们来看代码和注释一行行来看:
const http = require('http') // 首先我们引用自带的http模块,想要完成后端这个是必须的,这是自带的所以我们不需要安装http.createServer((req, res) => { // 我们使用http模块中的createServer方法来创建一个后端环境res.end('holle') // createServer方法传入一个function,有req和res两个参数,req代表着前端传到后端的值,res来表示后端返回的东西。来看看第二个res参数,调用end方法输入返回值
}).listen(5000) // listen传入一个端口号,大家可以自行传入。
代码写完后我们来打开命令行来启动服务来看看。
2.启动服务
打开我们刚刚创建的node文件夹复制文件夹的路径,在命令行中输入cd +node文件夹的路径,然后输入node index.js
即可运行(使用vscode的可以通过软件的导航栏的“终端”-“新终端”然后直接输入:node index.js),然后我们进入浏览器输入http://localhost:5000 // 5000是我们刚刚设置端口号,页面即可显示我们设置的holle。
3.加入fs文件管理
接下来我们加入fs文件管理的模块:
首先我们在该文件夹目录下再创建一个1.html,代码可以随意有显示内容即可:
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><p>我是1.html文件</p>
</body>
</html>
然后回到index.js后端文件中
let http = require('http') // 首先我们引用自带的http模块,想要完成后端这个是必须的,这是自带的所以我们不需要安装
const fs = require('fs')http.createServer((req, res) => { // 我们使用http模块中的createServer方法来创建一个后端环境fs.readFile(`./${req.url}`, (err, date) => { // 通过fs模块的readFile方法来查找判断我们的链接// 第一个参数是我们在浏览器输入的链接,然后通过readFile方法查找看看能不能找到该文件if (err) { // 如果是err的话则表示找不到就返回显示404错误res.writeHead(404)res.end('404,not fonund')} else { // 否则就表示找到该文件则直接显示出来res.end(date)}})
}).listen(5000) // listen传入一个端口号,大家可以自行设置。
**
大家请注意每次修改了index.js文件都需要重新开启一下服务,才可以继续运行,在命令行中按住ctrl+c(mac是control+c)即可退出服务,按键盘方向键的“上”健输入栏就会自动输入上次运行的命令。
**
本文章是我一个字一个字的打出来,图也是我自己做,也是按照我一个初学者的理解思维去写的,本人也是正在看各种视频学习进步中,发现一些好的会写出来也算给自己加深印象吧,顺便记录一下代码,如果有说的不对的地方还望指出,万分感激!
谢谢
一只正在成长的狮子!大家一起努力。
更多推荐
node.js轻松入门,创建一个后端dome开始(一)
发布评论