通过node搭建本地服务器

背景:搭建本地服务器可以多个设备运行同一个地址就可以看到效果,不用把代码复制到各个设备中,以前用的php+Apache搭建本地服务器来运行静态项目,现在可以同过node直接搭建,而且node是前端需要了解的技术

(通过anywhere)方法一:
搭建步骤:
1.安装node,js
2.以下有安装包下载的链接:这里的安装包是.msi,如果要其他的,可以到菜鸟教程上去找
32 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x86.msi;
64 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi;
3.安装好了,我们打开cmd,输入命令行1:node -v, 这里是查询node版本,如果出现以下界面说明已经安装成功了。再根据系统执行以下的命令:

$ sudo npm install anywhere -g //Mac
$ npm install anywhere -g     //windows

注:检测安装node、java、vue、ionic等一些框架
MAC电脑截图
通过node搭建本地服务器_第1张图片
Window电脑截图
这里写图片描述
5.然后把自己的静态项目放在一个文件中,首先要找到它的路径,以下是我的文件,我的切换路径是,H5是我的静态项目
运行命令
$ anywhere

通过node搭建本地服务器_第2张图片
这里写图片描述
6.再打开浏览器运行https://10.0.20.140:8000/,再找到相应的文件进行打开

通过node搭建本地服务器_第3张图片

(通过新建app.js)方法二:
搭建步骤:
1.安装node,js
2.以下有安装包下载的链接:这里的安装包是.msi,如果要其他的,可以到菜鸟教程上去找
32 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x86.msi;
64 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi;
3.安装好了,我们打开cmd,输入命令行1:node -v, 这里是查询node版本,如果出现以下界面说明已经安装成功了。
4.随便找一个磁盘,在下面新建一个server文件夹,然后切换该文件路径下面运行$ npm init ,一路回车,会看到server文件夹下面有个package.json。

5.然后在server文件执行$ npm install express模块,再在下面新建一个app.js,内容如下:

let express = require("express");
let app = express();

app.use(express.static("html"));//关键是这一句,我的目录是html的目录

app.listen(8080, ()=>{ console.log("服务启动成功。"); }) 

6.将自己的静态文件放在server文件下面;
例如:D:/server/html/index.html
通过node搭建本地服务器_第4张图片
7.在命令窗口路径切换到D:/server中执行
$ node app.js,等弹出服务器启动之后,在浏览器中地址栏输入http://localhost:8080/html/

通过node搭建本地服务器_第5张图片

你可能感兴趣的:(node,全栈)