手机版

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

时间:2021-09-05 来源:互联网 编辑:宝哥软件园 浏览:

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

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

目前前端是基于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是大牛在博客和百度上写的,但是他们的教程不够清晰(我不够好跟不上他们的思路),所以再次感谢这些博主大牛。

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

版权声明:3分钟快速构建nodejs本地服务器方法运行测试html/js是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。