背景:搭建本地服务器可以多个设备运行同一个地址就可以看到效果,不用把代码复制到各个设备中,以前用的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版本没问题docker node本地服务器部署_html


Window电脑截图

本地node版本没问题docker node本地服务器部署_本地node版本没问题docker_02


5.然后把自己的静态项目放在一个文件中,首先要找到它的路径,以下是我的文件,我的切换路径是,H5是我的静态项目

运行命令

$ anywhere

本地node版本没问题docker node本地服务器部署_下载地址_03


本地node版本没问题docker node本地服务器部署_安装包_04


6.再打开浏览器运行https://10.0.20.140:8000/,再找到相应的文件进行打开

本地node版本没问题docker node本地服务器部署_安装包_05

(通过新建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。

本地node版本没问题docker node本地服务器部署_html_06


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版本没问题docker node本地服务器部署_下载地址_07


7.在命令窗口路径切换到D:/server中执行

$ node app.js,等弹出服务器启动之后,在浏览器中地址栏输入http://localhost:8080/html/

本地node版本没问题docker node本地服务器部署_本地node版本没问题docker_08