背景:搭建本地服务器可以多个设备运行同一个地址就可以看到效果,不用把代码复制到各个设备中,以前用的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电脑截图
Window电脑截图
5.然后把自己的静态项目放在一个文件中,首先要找到它的路径,以下是我的文件,我的切换路径是,H5是我的静态项目
运行命令
$ anywhere
6.再打开浏览器运行https://10.0.20.140:8000/,再找到相应的文件进行打开
(通过新建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
7.在命令窗口路径切换到D:/server中执行
$ node app.js
,等弹出服务器启动之后,在浏览器中地址栏输入http://localhost:8080/html/