前端在开发中，大多会想浏览器获取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. Mobile Phone Network CodeForces - 1023F (最小生成树)

    大意: 无向图, 其中k条边是你的, 边权待定, m条边是你对手的, 边权已知. 求如何设置边权能使最小生成树中, 你的边全被选到, 且你的边的边权和最大. 若有多棵最小生成树优先取你的边. 先将$k ...

  2. MQTTnet 3.0.5学习笔记

    段时间在使用MQTTnet,都说这个东西比较好,可是翻了翻网上没有例子给参考一下. 今天算是找到了,给高手的帖子做个宣传吧. 原网址如下:https://blog.csdn.net/chenlu520 ...

  3. ASP.NET Core 入门（4）（IIS 部署前后端站点）

    .NET Core发布部署的文章园内有很多了,大家可以自行百度,该篇主要想总结需要注意的地方,列举前后端(比如前段 Vue,后端 WebAPI)在同一台服务器上的主要两种方式. 两种方式: 1. 前后 ...

  4. Eureka服务注册于发现之Client搭建

    Eureka在Server端的搭建已经有很多介绍的文章,同时也是学习Eureka的第一步. 搭建好注册中心后怎么进行服务注册和服务调用,是我们要讲的主要内容. 开发环境:IDEA2018.3+Spri ...

  5. wamp新建虚拟目录无法运行的解决方法

    操作步骤: 打开 D:\wamp\bin\apache\apache2.4.9\conf\httpd.conf  文件,大概在第242行 把 <Directory /> AllowOver ...

  6. background 背景图片 --css3

    background 1.设置背景平铺background-repeat round :图片会进行缩放后平铺space : 图片会进行平铺,中间留下空白空间 注:当滚动行为设为fixed,round和 ...

  7. c#winform listview设置每项的间距

    代码如下: [DllImport("user32.dll", CharSet = CharSet.Auto, SetLastError = false)] private stat ...

  8. C++ 类再探

    关于类的一些遗漏的点. #include <iostream> #include <typeinfo> #include <string> using namesp ...

  9. Mybatis设计模式

    mybatis中使用到的设计模式 Mybatis 使用的 9 种设计模式 建造者模式(Configuration) 构造者模式的定义是“将一个复杂对象的构建与它的表示分离,使得同样的构建过程可以创建不 ...

  10. IDEA 使用与总结

    一.IDEA和常用软件下载1.IDEA激活码网站:http://idea.lanyus.com/常用软件网站 idea : https://www.jetbrains.com/idea/downloa ...