Node.js之在服务端启动网页（一）

var http &＃61; require(&＃39;http&＃39;);//创建服务器的
var fs &＃61; require(&＃39;fs&＃39;);
//引入进来的是模块&＃xff0c;模块中有方法&＃xff0c;下一步就是使用方法
//Node.js一个最主要的特点&＃xff1a;执行的基本都是函数//创建服务
var myServer &＃61; http.createServer(function(req,res){//req->请求变量&＃xff1a;客户端请求服务器的//res->响应变量:服务器要给客户端写回的变量//前端页面应该给客户端显示&＃xff0c;即写回去//这之前应该先把文件内容读出来var html &＃61; fs.readFileSync(&＃39;./view/index.html&＃39;)res.write(html);//结束写的操作res.end();})//服务端等着客户端请求需要做一个监听。通过创建的服务。
//监听
myServer.listen(&＃39;5050&＃39;,function(err){if(err){console.log(err);throw err;}console.log("服务器已开启。端口号为:5050");
})//浏览器请求服务器。知道当前计算机的ip地址。例如&＃xff0c;127.0.0.1:3000

代码如上。步骤&＃xff1a;1.ctrl&＃43;shift&＃43;n &＃xff0c;启动node进行启动5050端口。端口具有唯一性。

                             2.在浏览器 url 中输入 127.0.0.1:5050  &＃xff0c;进行启动服务端。这样就读出了文件内容并显示。

客户端和服务端是分离的。

服务器在一台计算机上&＃xff0c;浏览器在一台计算机上。要找到服务器上的文件&＃xff0c;通过找到计算机IP地址&＃xff08;如127.0.0.1&＃xff09;找到计算机&＃xff0c;找到计算机通过端口号&＃xff08;如5050&＃xff09;找到文件&＃xff0c;运行的程序就是5050&＃xff0c;程序的内容就是读取网页文件&＃xff0c;并且写到浏览器上。

上述代码并没有添加逻辑&＃xff0c;只是简单的代码。

---------------------------------------------------------------------------------------------------------------------------------------------------------------------

现在呢&＃xff0c;让我们尝试着添加逻辑进去。如果我们写这样&＃xff0c;那就要跳转到info 页面了。

就上面这个图&＃xff0c;我们在var myServer &＃61; http.createServer(function(req,res){}中进行如下尝试

//我们打印一下&＃xff0c;出来的URL信息应该是info.htmlvar myurl &＃61; req.url;console.log(myurl);

如果我们只有 

那么打印出来的结果只有 /  

下图是在CMD中运行的结果&＃xff0c;第一次有info.html&＃xff0c;第二次没有

所以我们做出下面的优化&＃xff1a;

//我们打印一下&＃xff0c;出来的URL信息应该是info.htmlvar myurl &＃61; req.url&＃61;&＃61;&＃39;/&＃39;?&＃39;./view/index.html&＃39;:&＃39;./view&＃39;&＃43;req.url ;// console.log(myurl);

我们这时候应该把读写操作放在一起

//我们打印一下&＃xff0c;出来的URL信息应该是info.htmlvar myurl &＃61; req.url&＃61;&＃61;&＃39;/&＃39;?&＃39;./view/index.html&＃39;:&＃39;./view&＃39;&＃43;req.url ;//console.log(myurl);//我们还得判断文件是否存在if(fs.existsSync(myurl)){var html &＃61; fs.readFileSync(myurl)res.write(html);}//结束写的操作res.end();

 PS:: 如果你按照上述步骤操作&＃xff0c;在浏览器中打开的网页一直是index.html&＃xff0c;不过页面url怎么刷新都不变化。

这时候应该关闭vscode&＃xff0c;因为我一直在vscode中进行的查看&＃xff0c;而不是cmd。这时候我猜测应该是5050端口被占用了&＃xff0c;代码虽然有改动&＃xff0c;但是已经被旧代码的端口占用了&＃xff0c;他更新不上去。所以关闭vscode重新加载code。然后页面就自动刷新了。一切正常运行。

你输入一个不存在的url路由&＃xff08;如/1232.html&＃xff09;&＃xff0c;这时候他会返回一个空页面&＃xff0c;我们这时候需要进行如下操作。

//我们还得判断文件是否存在if(fs.existsSync(myurl)){var html &＃61; fs.readFileSync(myurl)res.write(html);}else{//创建一个专门放错误的文件&＃xff0c;当页面不存在的时候跳转过来var errhtml &＃61; fs.readFileSync(&＃39;./view/err/404err.html&＃39;);res.write(errhtml);}

----------------------------------------------------------------------------------------------------------------------------------------------

这个服务告一段落了&＃xff0c;下面一篇文章呢&＃xff0c;我们在学习一个服务。Node.js一个服务一个模块。