使用node.js搭建服务器(详解)

使用node.js搭建服务器

注意:楼主是使用的webstrom编辑器。
使用node.js搭建服务器(详解)_第1张图片
1.创建文件夹project,右键copy path
2.在左下角点击terminal:cd 路径(进入上面复制的路径)
3.terminal:npm init -y (初始化文件夹)
4.在project在创建app.js文件(这个是主文件)
5.terminal:npm install express -S(下载express模块)

6.在app.js引入express模块:const EXPRESS = require(‘express’)
7.运行express的方法,得到顶层对象:const APP = EXPRESS()
8.设置端口号8888,并监听

const EXPRESS = require('express');//下载npm install express -S,在这里引入
const APP = EXPRESS();//运行express的方法,得到顶层对象
APP.listen(8888, () => {//设置端口号8888,并监听
    console.log('服务器启动')
});

在编辑器上配置使用node.js搭建服务器(详解)_第2张图片
使用node.js搭建服务器(详解)_第3张图片
点击编辑器右上角的绿色三角形,就可以看到服务器启动的字样了。
接着上面的步骤(按照标的顺序来)

const EXPRESS = require('express');//1.下载npm install express -S,在这里引入
const APP = EXPRESS();//2.运行express的方法,得到顶层对象
const LOGGER = require('morgan');//4.下载日志模块npm install morgan -D,在这里引入
const BODYPARSER = require('body-parser');//6.控制台下载body解析模块npm install body-parser,在这里引入
APP.use(LOGGER('dev'));//5.在开发环境下使用日志,在控制台查看请求及错误信息,方便调试
APP.use(BODYPARSER.urlencoded({extended: false}));//7.配置两种解析方式(第1种)
APP.use(BODYPARSER.json());//8.配置两种解析方式(第2种)
APP.listen(8888, () => {//3.设置端口号8888,并监听
    console.log('服务器启动')
});

接下来要使用路由拦截请求了
1.在project在创建文件夹router,创建文件pageRouter.js(见第1张图)

const EXPRESS = require('express');//引入express模块
const ROUTER = EXPRESS.Router();//获取express的路由拦截方法
module.exports=ROUTER;//公开路由

回到app.js继续

const EXPRESS = require('express');//1.下载npm install express -S,在这里引入
const APP = EXPRESS();//2.运行express的方法,得到顶层对象
const LOGGER = require('morgan');//4.下载日志模块npm install morgan -D,在这里引入
const BODYPARSER = require('body-parser');//6.控制台下载body解析模块npm install body-parser,在这里引入
const ROUTER = require('./router/pageRouter');//9.从“router/pageRouter”中引入路由
APP.use(LOGGER('dev'));//5.在开发环境下使用日志,在控制台查看请求及错误信息,方便调试
APP.use(BODYPARSER.urlencoded({extended: false}));//7.配置两种解析方式(第1种)
APP.use(BODYPARSER.json());//8.配置两种解析方式(第2种)
APP.use(ROUTER);//10.在日志后使用路由进行拦截
APP.listen(8888, () => {//3.设置端口号8888,并监听
    console.log('服务器启动')
});

接下来引入静态资源
建文件夹和文件(看第1张图)
touxiang.jpg
使用node.js搭建服务器(详解)_第4张图片
index

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登陆页面</title>
</head>
<body>
<h1>这里是登陆页面</h1>
</body>
</html>

接下来继续app.js

const EXPRESS = require('express');//1.下载npm install express -S,在这里引入
const APP = EXPRESS();//2.运行express的方法,得到顶层对象
const LOGGER = require('morgan');//4.下载日志模块npm install morgan -D,在这里引入
const BODYPARSER = require('body-parser');//6.控制台下载body解析模块npm install body-parser,在这里引入
const ROUTER = require('./router/pageRouter');//9.从“router/pageRouter”中引入路由
const FAVICON=require('serve-favicon');//11.下载npm install serve-favicon -S下载小图标模块,在这里引入
APP.use(LOGGER('dev'));//5.在开发环境下使用日志,在控制台查看请求及错误信息,方便调试
APP.use(BODYPARSER.urlencoded({extended: false}));//7.配置两种解析方式(第1种)
APP.use(BODYPARSER.json());//8.配置两种解析方式(第2种)
APP.use(ROUTER);//10.在日志后使用路由进行拦截
APP.use(EXPRESS.static(__dirname + '/src'));//12.引入静态资源
APP.use(FAVICON(__dirname+'/src/images/touxiang.jpg'));//13.配置小图标
APP.listen(8888, () => {//3.设置端口号8888,并监听
    console.log('服务器启动')
});

ctrl+F5重启服务器
打开Chrome输入:http://localhost:8888
大功告成
使用node.js搭建服务器(详解)_第5张图片

你可能感兴趣的:(使用node.js搭建服务器(详解))