node.js轻松入门,创建一个后端dome开始(一)

编程入门 行业动态 更新时间:2024-10-28 14:22:55

node.js轻松入门,<a href=https://www.elefans.com/category/jswz/34/1771345.html style=创建一个后端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开始(一)

本文发布于:2024-03-08 14:20:31,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1721118.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:创建一个   后端   入门   轻松   node

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!