前端在开发中，大多会想浏览器获取json数据，下面来用nodejs中的http模块搭建一个返回json数据的服务器

var http = require("http");

var onRequest = function(request,response){

    console.log("request received");

    response.writeHead(200,{"Content-Type":"application/json"});//application/json：代表响应的是json

    // response.write("传回浏览器的内容");

    var jsonObj={

        name:"lili",

        job:"coder",

        age:18

    }

    response.end(JSON.stringify(jsonObj));//将json传回浏览器

}

var server = http.createServer(onRequest);

//最后让服务器监听一个端口

server.listen(3000,"127.0.0.1");//还可以加第二个参数 127.0.0.1代表的是本地

console.log("server started on localhost port 3000");//加一个服务器启动起来的提示

然后运行 node app  启动服务器

在浏览器访问localhost:3000   发现浏览器会显示 响应的json数据

如果浏览器的json数据没有 格式化  我们需要装一个浏览器插件 JSON Formatter   安装过之后，显示的json数据就是格式化的

下面来创建一个响应html的web服务器：将Content-type的值改成text/html就行

var http = require("http");

var onRequest = function(request,response){

    console.log("request received");

    response.writeHead(200,{"Content-Type":"text/html"});//application/json：代表响应的是json

    // response.write("传回浏览器的内容");

    var htmlFile = `<!DOCTYPE html>

    <html lang="en">

    <head>

        <meta charset="UTF-8">

        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <meta http-equiv="X-UA-Compatible" content="ie=edge">

        <title>html</title>

        <style>

            div{

                color:red;

                font-size:50px;

            }

        </style>

    </head>

    <body>

       <div>我是从服务器传回来的html页面</div>

    </body>

    </html>`;

    response.end(htmlFile);//将json传回浏览器

}

var server = http.createServer(onRequest);

//最后让服务器监听一个端口

server.listen(3000,"127.0.0.1");//还可以加第二个参数 127.0.0.1代表的是本地

console.log("server started on localhost port 3000");//加一个服务器启动起来的提示

然后启动服务器  页面访问localhost:3000   发现会出现html页面样式什么的都有！！！

但是这样 将html代码这样写在代码中 显的太粗暴了，我们可以将html页面写在一个文件中，然后用读取流读取过来

var http = require("http");

var fs = require("fs");

var onRequest = function(request,response){

    console.log("request received");

    response.writeHead(200,{"Content-Type":"text/html"});

    // response.write("传回浏览器的内容");

    var myReadStream = fs.createReadStream(__dirname+"/index.html","utf8");//用读取流，读取其它文件内的html内容

    myReadStream.pipe(response);//将流读取到的内容写在响应中 注意这样不需要用写在response.end()中了

}

var server = http.createServer(onRequest);

//最后让服务器监听一个端口

server.listen(3000,"127.0.0.1");//还可以加第二个参数 127.0.0.1代表的是本地

console.log("server started on localhost port 3000");//加一个服务器启动起来的提示

app.js是项目的入口，如果把代码都写在其中，越写月臃肿，我们可以用模块化的思想，来整理一下我们的代码，我们可以将这个服务器相关的代码单独写在一个文件中，然后用require引入到app.js入口文件中执行：

我们创建一个server.js文件：

var http = require("http");

var fs = require("fs");

var startServer = function(){

    var onRequest = function(request,response){

        console.log("request received");

        response.writeHead(200,{"Content-Type":"text/html"});//application/json：代表响应的是json

        // response.write("传回浏览器的内容");

        var myReadStream = fs.createReadStream(__dirname+"/index.html","utf8");//用读取流，读取其它文件内的html内容

        myReadStream.pipe(response);//将流读取到的内容写在响应中 注意这样不需要用写在response.end()中了

    }

    var server = http.createServer(onRequest);

    //最后让服务器监听一个端口

    server.listen(3000,"127.0.0.1");//还可以加第二个参数 127.0.0.1代表的是本地

    console.log("server started on localhost port 3000");//加一个服务器启动起来的提示

}

module.exports.startServer=startServer;

然后在app.js中引入

var server = require("./server");

server.startServer();

这样看着app.js就干净了许多

这就是模块化的思想，也可以称为重构。。。

nodejs基础 用http模块 搭建一个简单的web服务器 响应JSON、html的更多相关文章

  1. nodejs基础 用http模块 搭建一个简单的web服务器 响应纯文本

    首先说一下,我们平时在浏览器上访问网页,所看到的内容,其实是web服务器传过来的,比如我们访问www.baidu.com.当我们在浏览器地址栏输入之后,浏览器会发送请求到web服务器,然后web服务器 ...

  2. 利用 nodeJS 搭建一个简单的Web服务器（转）

    下面的代码演示如何利用 nodeJS 搭建一个简单的Web服务器: 1. 文件 WebServer.js: //-------------------------------------------- ...

  3. golang搭建一个简单的web服务器

    package main import ( "io/ioutil" "log" "net/http" ) func main() { htt ...

  4. 使用gitblit搭建一个简单的局域网服务器

    使用gitblit搭建一个简单的局域网服务器 1.使用背景 现在很多使用github管理代码,但是github需要互联网的支持,而且私有的git库需要收费.有一些项目的代码不能外泄,所以,搭建一个局域 ...

  5. 自己动手模拟开发一个简单的Web服务器

    开篇:每当我们将开发好的ASP.NET网站部署到IIS服务器中,在浏览器正常浏览页面时,可曾想过Web服务器是怎么工作的,其原理是什么?“纸上得来终觉浅,绝知此事要躬行”,于是我们自己模拟一个简单的W ...

  6. 一个简单的web服务器

    写在前面 新的一年了,新的开始,打算重新看一遍asp.net本质论这本书,再重新认识一下,查漏补缺,认认真真的过一遍. 一个简单的web服务器 首先需要引入命名空间: System.Net,关于网络编 ...

  7. 自己模拟的一个简单的web服务器

    首先我为大家推荐一本书:How Tomcat Works.这本书讲的很详细的,虽然实际开发中我们并不会自己去写一个tomcat,但是对于了解Tomcat是如何工作的还是很有必要的. Servlet容器 ...

  8. [置顶] 在Ubuntu下实现一个简单的Web服务器

    要求: 实现一个简单的Web服务器,当服务器启动时要读取配置文件的路径.如果浏览器请求的文件是可执行的则称为CGI程序,服务器并不是将这个文件发给浏览器,而是在服务器端执行这个程序,将它的标准输出发给 ...

  9. Tomcat剖析（一）：一个简单的Web服务器

    Tomcat剖析(一):一个简单的Web服务器 1. Tomcat剖析(一):一个简单的Web服务器 2. Tomcat剖析(二):一个简单的Servlet服务器 3. Tomcat剖析(三):连接器 ...

随机推荐

  1. springboot 整合 web 项目找不到 jsp 文件

    今天遇到一个问题,就是使用springboot整合web项目的时候,怎么都访问不到 \webapp\WEB-INF\jsp\index.jsp 页面.这个问题搞了半天,试了各种方式.最后是因为在启动的 ...

  2. ELK 日志收集系统

    传统系统日志收集的问题 在传统项目中,如果在生产环境中,有多台不同的服务器集群,如果生产环境需要通过日志定位项目的Bug的话,需要在每台节点上使用传统的命令方式查询,这样效率非常底下. 通常,日志被分 ...

  3. （十六）客户端验证与struts2中的服务器端验证

    一.客户端验证: 即用javaScript来验证. <%@ page language="java" contentType="text/html; charset ...

  4. XML和JSON序列化以及反序列化

    1.将文件保存序列化至文档中,然后再读取: //首先创建可序列化的实体类 [Serializable] public class Message { public string Name { get; ...

  5. asp.net core 2.0发布到IIS报错解决方案

    大体来说,是环境的问题. 第一个错误,如图: 1. 查了网上说是文件夹权限的问题,依次设置了Everyone权限和IIS_IUSER权限,能勾选的都勾选了,然而并没有什么用,看来不是这个问题导致的. ...

  6. git命令 撤销文件修改

    git checkout . #本地所有修改的.没有的提交的,都返回到原来的状态 git checkout src/views/useChapter.vue #撤销项目目录 src/views/文件夹 ...

  7. vue + element-ui 国际化实现

    1. 安装组件和插件 cnpm i element-ui -S // 安装elementcnpm i vue-i18n -S //安装i18n 2.将国际化资源放在assets目录下 3.在src下新 ...

  8. c# 动态获取http通过post传来的json数据

    //获取http通过post传来的json数据 using Newtonsoft.Json; public HttpResponseMessage Query() { var request=Syst ...

  9. Image Processing and Analysis_15_Image Registration：Image registration methods a survey——2003

    此主要讨论图像处理与分析.虽然计算机视觉部分的有些内容比如特 征提取等也可以归结到图像分析中来,但鉴于它们与计算机视觉的紧密联系,以 及它们的出处,没有把它们纳入到图像处理与分析中来.同样,这里面也有 ...

  10. 关于Http协议与TCP协议的一些简单理解

    TCP协议对应于传输层,而HTTP协议对应于应用层,从本质上来说,二者没有可比性.Http协议是建立在TCP协议基础之上的,当浏览器需要从服务器获取网页数据的时候,会发出一次Http请求.Http会通 ...