3分钟快速构建nodejs本地服务器方法运行测试html/js

每个做前端的人都知道，公司的项目在自己的电脑上搭建环境是非常麻烦的

首先，一般的个人电脑都不如公司的配置性能好。其次，构建公司项目涉及缓存环境、资源环境包、数据库等诸多限制。加起来足够一天(除了熟悉公司的施工环境)。就我自己的公司而言，作为一名前端工程师，

目前前端是基于polymer——实现的。最近遇到的问题是我写的页面不知道有没有问题，但是要等到项目的tomcat成功启动后才能读取，因为这些页面不能直接打开，会包含资源解析错误。

所以我在想，怎么才能让前端页面不依赖tomcat，这是一个痛苦的部署服务器？

于是百度看到了nodejs和nginx，带着对前端服务器的好奇开始了自己的实践，一天晚上咨询了一些同学，然后得到了一些启发

步骤如下

1.从nodejs官网下载安装包。http://nodejs.cn/安装完成后，环境会自动映射到系统。您不需要自己配置环境变量，然后打开控制台并输入命令：node

无错误表示操作成功

2.然后在与测试目录相同的目录下创建以下两个js文件

Http.js(服务器脚本配置文件)

var PORT=3000//var http=require(' http ')；var URL=require(' URL ')；var fs=require(' fs ')；var mine=require('。/my’)。类型；//var path=require(' path ')；var server=http.createServer(函数(请求，响应){ var pathname=URL . parse(request . URL)。路径名；var realPath=path.join('webapp '，路径名)；//在这里设置自己的文件名；var ext=path . ext name(real path)；ext=ext？ext.slice(1) :“未知”；fs.exists(realPath，函数(exists) { if(！存在){ response.writeHead(404，{ ' Content-Type ' : ' text/plain ' })；响应。写入('在此服务器上找不到此请求URL '路径名');response . end()；} else { fs.readFile(realPath，‘binary’，函数(err，file){ if(err){ response . write head(500，{ ' Content-Type ' : ' text/plain ' })；response . end(err)；} else { var content type=mine[ext]| | ' text/plain '；response.writeHead(200，{ ' Content-Type ' : Content Type })；response.write(文件，‘binary’)；response . end()；} });} });});server . listen(PORT)；console.log('服务器在端口： '端口上运行。' ');Mine.js(导入相应的文件)

exports . types={ ' CSS ' : ' text/CSS '，' gif': 'image/gif '，' html': 'text/html '，' ico': 'image/x-icon '，' jpeg': 'image/jpeg '，' jpg': 'image/jpeg '，' js': 'text/javascript '，' json': 'application/json '，' pdf ' :以上两个js创建成功后，打开http.js，然后在里面找到路径设置，把我现在的webapp改成你自己的名字项目名

友情提示：(前提是和js在同一个目录下。如果测试项目在其他文件中，路径可能需要设置为绝对路径_我没有尝试过这个。)这里是我的目录对应的文件。三个箭头是必须的，其他不需要设置

3.控制台是否成功启动服务器测试

见下图：

打开项目所在的目录，输入nodehttp.js。

然后提示端口成功启动，

然后直接输入需要测试的文件的地址。例如，我的http://localhost :3000/index . html。

所有部署都在这里完成！

注意：您必须在端口号后添加自己的文件路径才能成功运行。否则会报错，因为http.js比较简单，暂时不直接映射http://localhost:3000

如果出现问题，请重写启动服务

也就是：Node.js

当然，如果您感兴趣，可以重写node.js来改进它

最后我说：我看到这两篇js是大牛在博客和百度上写的，但是他们的教程不够清晰(我不够好跟不上他们的思路)，所以再次感谢这些博主大牛。

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。