markdown support

HTTP服务器

一、服务器基本方法

"use strict";

// 1.加载http模块

const http = require('http');

// 2.通过http核心模块暴露的createsever方法创建一个服务实例

const sever = http.createSever();

// 3.给服务器添加监听客户端请求的处理函数

// 每当接受客户端的请求，那么就会触发该事件，执行绑定的回调函数

// 当服务器接收到客户端请求之后，会将客户端的请求报文数据解析为一个

sever.on('request',(req,res) => {

    // req就是客户端发送的请求报文中的请求头部分

    // message.headers

});

// 4.开启服务器，设置一个监听的端口

// 要监听的端口号

// 允许通过那个IP地址进行访问

// 开启监听的需要时间，在回调函数里输出自定义信息

sever.listen(3000,'127.0.0.1',() => {

});

二、实现一个静态资源服务器

实现步骤

  • 定义严格模式，并引用模块

    • 文件fs模块
    • 路径path模块
    • http模块
  • 创建服务器http.createSever((req,res) => {}).listen(3000,'127.0.0.1');
    • 客户端请求的路径:req.url;
    • 得到用户的请求的绝对路径:path.join(__dirname，url);
    • 利用获取的路径作为文件名读取文件fs.readFile(absPath,(err,data) => {});
      • 调用函数，向客户端发送数据类型
      res.writeHead(200, {
      
    'Content-Type': mime;````
      
});
      • 发送数据，结束响应 : res.end(data);
  • 通过扩展名获取请求头的格式（自定义函数部分）
"use strict";

const http = require('http');

const fs = require('fs');

const path = require('path');

http.createSever((req,res) => {

    // 客户端请求的url路径

    let url = req.url;

    // 如果用户的请求路径中没有点，那么给它返回一个默认的页面

    if (!url.includes('.')) {

        url = 'index.html';

    }

    // 得到用户的请求的绝对路径

    let absPath = path.join(__dirname，url);

    <!-- res.write(absPath);    // 第一个参数必须是字符串类型

    res.end(); -->

    // end之后，本次相应彻底结束，链接断开

    <!-- res.end(absPath); -->  // 相当于上述俩句代码

    fs.readFile(absPath,(err,data) => {

        if(err) {

            return res.end(err.message);

        }

        // 读取文件，解析json，然后根据对应的扩展名，找到对应的mime Content-Type

        getContentTypeByEXTName(path.extname(absPath),(err,mine) => {

            if(err) {

                return res.end(err.message);

            }

            // 向客户端发送数据类型的时候，要根据文件的扩展名

            res.writeHead(200, {

                'Content-Type': mime;

            });

            // 发送数据，结束响应

            res.end(data);

        });

    })

}).listen(3000,'127.0.0.1');

// 自定义函数

function getContentTypeByEXTName(extName,callback){

    fs.readFile(path.join(__dirname,'mine.txt'),'utf8',(err,data) => {

        if(err) {

            return callback(err,null);

        }

        try{

            let jsonObj = JSON.parse(data);

            callback(null,jsonObj[extName] ? jsonObj[extName] : 'text/plain');

        } catch (e) {

            callback(e, null);

        }

    });

}

三、后端模板字符串（art-template）

1.跨页面

html页面部分

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title>art-template</title>

</head>

<body>

 {{each list as value i}}

    <tr>

      <td><a class="icon dir" href="/{{value}}">{{value}}/</a></td>

      <td class="detailsColumn"></td>

      <td class="detailsColumn">16/2/7 下午5:11:54</td>

    </tr>

  {{/each}}

</body>

</html>

js页面部分

"use strict";

// 获取template文件

const template = require('art-template');

const fs = require('fs');

const path = require('path');

// 文件读取，获取数据

fs.readFile(path.join(__dirname,'index.html'),'utf8',(err,data) => {

    if (err) {

        return res.end(err.message);

    }

    // 编译模板,我们在这儿是把文件整体作为一个模板字符串了

    let compileFunc = template.render(data);

    // 向模板中注入数据，得到完整的html字符串

    let htmlStr = compileFunc({

        list: contents       // contents为替换的内容数组

    });

    // 向客户端发送响应头部字段，告诉客户端本次响应的数据是什么类型

    res.writeHead(200, {

        'Content-Type': 'text/html; charset=utf-8'

    });

    // 发送数据，也叫作响应数据

    res.end(htmlStr);

})

2.node.js单页面

arr[arr.length] = item;

arr.push(item);

node服务器的更多相关文章

  1. 手把手教你从购买vps到搭建一个node服务器

    要准备什么? 1.5刀 2.最好有FQ软件(可以用蓝灯) let's Go! 一.vps购买 vps可以选择digital ocean(do) 链接 ,由于是外国网站,响应比较慢,所以最好翻个墙. g ...

  2. webstorm搭建node服务器

    前言,搭建服务器,必须有node.js环境(吐槽:本来就是用node搭建的(⊙o⊙)…) 下载node.js 网址  https://nodejs.org/en/ 先新建项目: 这里选择Node.js ...

  3. 设置node服务器的端口及运行环境

    一般来说,node服务器中通常会看到这样的代码: ``` app.set('port', process.env.PORT || 3000); if ( process.env.NODE_ENV == ...

  4. koa-static node服务器设置静态目录

    最近毕设需要用到上传照片,但当node服务器成功获取前端传来的图片时,又不知道如何在页面获取服务器image目录下的图片,一直报以下错误: 问题主要是无法找到图片url,虽然可以一个个在app.js文 ...

  5. 上传图片，通过node服务器存储在指定目录

    最近做毕设,需要上传图片,因为在本地服务器运行,所以想着前端上传后,通过node服务器接收图片,存储在指定的目录下. 一.前端实现 1.前端的页面和上传图片是利用element-ui组件实现的,&qu ...

  6. 亚马逊EC2服务器申请+NODE服务器部署+阿里云域名申请+SSL证书使用

    最近,由于项目需要,自己申请了一台亚马逊用于部署网站测试,在使用期间,发现网上没有一篇非常完整的文章讲解从服务器申请到域名解析,SSL证书申请的整个流程.所以自己总结一下,以供大家学习! 一.亚马逊E ...

  7. 使用express创建node服务器的两种方法及区别

    使用express创建node服务器有两种方法,如下所示: 方法一: var express = require('express'); var app = express(); app.listen ...

  8. 搭建一个最简单的node服务器

    搭建一个最简单的node服务器 1.创建一个Http服务并监听8888端口 2.使用url模块 获取请求的路由和请求参数 var http = require('http'); var url = r ...

  9. 创建简单的node服务器

    昨天咱们说了封装ajax,今天咱们说一下 自己创建一个建议的node服务器: 话不多说直接上代码: var http = require('http') //对URL 解析为对象//1.导入模块 UR ...

  10. 2、node服务器

    一.简单的node服务器搭建 1.首先新建一个名为server.js的文件(文件名随意,后缀名必须是.js) 2.粘贴进文件以下内容 //引入http模块 const http = require(& ...

随机推荐

  1. PHP操作MongoDB学习笔记

    <?php/*** PHP操作MongoDB学习笔记*///*************************//**   连接MongoDB数据库  **////*************** ...

  2. 利用npoi导出Excel

    npoi库是当下最流行的处理Excel.Word.PPT等Office文件格式 npoi的下载地址:http://npoi.codeplex.com/ npoi的官方学习地址: http://www. ...

  3. 【转】Selenium 面试题总结（乙醇Blog记录的面试题）

    原文链接:http://www.cnblogs.com/tsbc/p/4922368.html ###selenium中如何判断元素是否存在? - isElementPresent   ###sele ...

  4. UIViewController中addChildViewController的作用

    当在一个ViewController中添加一个子ViewController时,UI部分可以直接通过addSubView的方法添加,例如: 在一个ViewControllerA中添加ViewContr ...

  5. JavaScript如何检查网站是可以访问

    <html><head><title>JavaScript如何检查网站是可以访问</title> <script> //JavaScript ...

  6. 3.springMVC+spring+Mybatis整合Demo（单表的增删该查，这里主要是贴代码，不多解释了）

    前面给大家讲了整合的思路和整合的过程,在这里就不在提了,直接把springMVC+spring+Mybatis整合的实例代码(单表的增删改查)贴给大家: 首先是目录结构: 仔细看看这个目录结构:我不详 ...

  7. WIN32API 自定义颜色下拉列表控件

    效果如下: 原创-转载请著名来源 1,新建颜色属性类“CNColor”: class CNColor { public: COLORREF m_crColor; //颜色RGB值 WCHAR m_cC ...

  8. hdu4578 Transformation

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=4578 题目大意:n个数(初始为0)m个操作,操作类型有4种,操作1把区间的每个数+a,操作2把区间的每 ...

  9. linux命令（4）：mkdir命令

    linux mkdir 命令 用来创建指定的名称的目录,要求创建目录的用户在当前目录中具有写权限,并且指定的目录名不能是当前目录中已有的目录. 1．命令格式: mkdir [选项] 目录... 2．命 ...

  10. ---JS canvas学习笔记

    context的fillStyle属性 fillStyle=color | gradient | image | canvas |video strokeStyle也有上述属性. 1.color:#f ...