WebServer

KO | EN

gitlite — search

#hacktoberfest #ai #golang #rust #deep-learning #linux #nodejs #macos #windows #cli #vue #pytorch #security #open-source

(★ 14)

Web服务器的本地搭建

WebServer 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Node.js搭建Web服务器
- 服务器种类
  - Web服务器: 处理HTTP请求的服务器
  - Socket服务器(即时通讯): 通过socket传输
    - 即时通讯(IM): 允许两人或多人使用网路即时的传递文字讯息、档案、语音与视频交流
  - 流媒体服务器: 音视频处理程序, 接受流媒体格式文件,flv/ts等
- 简单效果图
- 
![请求返回结果.jpg](http://upload-images.jianshu.io/upload_images/4122543-be8bdfac135d99e8.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

---

## 一. Node.js介绍
- Node.js发布于2009年5月，由Ryan Dahl(瑞恩·达尔)在GitHub上发布了最初版本的部分Node.js包，随后几个月里，有人开始使用Node.js开发应用
- Node.js是一个基于Chrome JavaScript运行时建立的平台， 是一个Javascript运行环境
- Node 是一个服务器程序, 用Javascript这个语言开发服务器
- Node.js的实质是对Chrome V8引擎进行了封装
- V8 JavaScript 引擎是 Google 用于其 Chrome 浏览器的底层 JavaScript 引擎
- 传统意义上的 JavaScript 运行在浏览器上，这是因为浏览器内核实际上分为两个部分:渲染引擎和 JavaScript 引擎。前者负责渲染 HTML + CSS，后者则负责运行 JavaScript。Chrome 使用的 JavaScript 引擎是 V8，它的速度非常快
- 参考[Node.js 究竟是什么？](https://www.ibm.com/developerworks/cn/opensource/os-nodejs/)和[Node.js的SDK文档](https://nodejs.org/dist/latest-v7.x/docs/api/)
 
### 1. Node.js的优缺点
- Node.js优点：
  - 采用事件驱动、异步编程，为网络服务而设计。其实Javascript的匿名函数和闭包特性非常适合事件驱动、异步编程。而且JavaScript也简单易学，很多前端设计人员可以很快上手做后端设计。
  - Node.js非阻塞模式的IO处理给Node.js带来在相对低系统资源耗用下的高性能与出众的负载能力，非常适合用作依赖其它IO资源的中间层服务。
  - Node.js轻量高效，可以认为是数据密集型分布式部署环境下的实时应用系统的完美解决方案。Node非常适合如下情况：在响应客户端之前，您预计可能有很高的流量，但所需的服务器端逻辑和处理不一定很多。
- Node.js缺点：
  - 可靠性低
  - 单进程，单线程，只支持单核CPU，不能充分的利用多核CPU服务器。
  - 一旦这个进程崩掉，那么整个web服务就崩掉了。

### 2. Node.js使用介绍
- Node.js使用Module模块去划分不同的功能，以简化App开发，Module就是库，跟组件化差不多，一个功能一个库。
- NodeJS内建了一个HTTP服务器，可以轻而易举的实现一个网站和服务器的组合，不像PHP那样，在使用PHP的时候，必须先搭建一个Apache之类的HTTP服务器，然后通过HTTP服务器的模块加载CGI调用，才能将PHP脚本的执行结果呈现给用户
- require() 函数，用于在当前模块中加载和使用其他模块；

## 二. Express模块(框架)
- Express是Node.JS第三方库
- Express可以处理各种HTTP请求
- Express是目前最流行的基于Node.js的Web开发框架，
- Express框架建立在node.js内置的http模块上，可以快速地搭建一个Web服务器

### 1. 安装Node.js
- 打开终端，输入node -v，先查看是否已经安装
- 如果没有安装，就需要安装node软件
- 参考[Node.js 安装配置](http://www.runoob.com/nodejs/nodejs-install-setup.html)

### 2. 安装npm
- npm是随同NodeJS一起安装的包管理工具，用于下载NodeJS第三方库。
- 类似iOS开发中cocoapods，用于安装第三方框架
- 新版的NodeJS已经集成了npm，所以只要安装好Node.JS就好
### 3. 下载第三方模块Express
- 首先先创建项目
  - 新建一个文件夹, 打开终端
  - cd到当前文件夹, 创建一个js文件, 如: `touch app.js`
- 安装`package.json`文件, 类似于CocoaPods中的`Podfile`   - cd到当前文件夹
  - 终端输入: `npm init`
- 最后安装express库 
  - 终端输入: `npm install express --save`

## 三. 搭建简单的Http服务器
### 1. 开始搭建Http服务器
- require加载模块
- 监听端口号和网址, 端口号不能使用已经占用的端口比如（80），每个服务器相当于一个app，都需要端口，才能找到入口

```
//创建HTTP服务器

//1. 加载http模块
var http = require('http');

//2. 创建http服务器
// 参数: 请求的回调, 当有人访问服务器的时候,就会自动调用回调函数
var server = http.createServer(function (request, response) {
    console.log('有人访问了服务器')

//回调数据
    response.write('Hello, My Love')
    response.end()
})

//3. 绑定端口
server.listen(3030, '192.168.2.11')

//4. 执行
console.log('执行了3030')
```

### 2. 开始运行服务器
- 那么还是要打开终端
- 输入: `node app.js`
  - `app.ja`为文件名

## 四. express搭建服务器
### 1. express框架的使用
- 引入express模块
- 创建express服务器
- get, post请求中: 
  - 参数一: 请求根路径,若传`'/'`, 则url为: `http://192.168.0.0:3030`
  - 若传`'/home'`, 则url为: `http://192.168.0.0:3030/home`
  - 参数二: 请求数据的回调函数
- 监听端口: 默认url为当前电脑的IP地址

```
/* express的服务器 */

//1. 导入express
var express = require('express')

//2. 创建express服务器
var server = express()

//3. 访问服务器(get或者post)
//参数一: 请求根路径
//3.1 get请求
server.get('/', function (request, response) {
    // console.log(request)
    response.send('get请求成功')
})

//3.2 post请求
server.post('/', function (request, response) {
    response.send('post请求成功')
})

//4. 绑定端口
server.listen(4040)
console.log('启动4040')
```

### 2. 路由
- 路由:针对不同的URL有不同的处理方式，比如以后会有首页，发现模块，每个模块处理不一样。
- 添加url路径,根据不同路径，显示不同内容
- 路由句柄(索引):执行完一个函数，在执行下一个 ,因为有时候处理一个请求，需要做很多其他事情，写在一起业务逻辑不好分开,所以多弄几个行数
- 函数一定要添加next参数，一定要调用next(),才会进行下面操作，代码使一行一行执行，解释性语言
-

```
/* express的路由 */

//1. 导入express
var express = require('express')

//2. 创建express服务器
var server = express()

//3. 访问服务器(get或者post)
//参数一: 请求根路径
//3.1 get请求
server.get('/', function (request, response, next) {
    // console.log(request)
    console.log('从据库获取数据')
    next()
}, function (request, response) {
    response.send('get请求成功')
})

//3. 绑定端口
server.listen(4040)
console.log('启动4040')
```

### 3. 中间件
- 优化代码，使代码清晰可读
- 原理，发送一个请求给服务器的时候，会被中间件拦截，先由中间件处理，每个中间件都有一个回调函数作为参数,拦截到参数，就会自动执行回调函数。
- 注意：有中间件use，会先执行中间件的回调函数，然后才会调用get或者post的回调函数，也就是当监听到请求，先执行中间件，才会到get,post请求。
- use是express注册中间件的方法

```
/* express的中间件 */

//1. 导入express
var express = require('express')

//2. 创建express服务器
var server = express()

//3. 创建中间件:use
//截取请求, 拦截回调
server.use('/', function (request, response, next) {
    console.log('执行中间件')
    // console.log('获取数据库数据')
    console.log(request.query.page)
    next()
})

//4. 访问服务器(get或者post)
//参数一: 请求根路径
//4.1 get请求
server.get('/home', function (request, response) {
    // console.log(request)
    response.send('get参数请求成功')
})

//5. 绑定端口
server.listen(4040)
console.log('启动4040')
```

### 4. get请求参数
- request.query会把请求参数包装成字典对象，直接通过点就能获取参数
- 这里的请求地址为: `http://192.168.2.11:4040/home?page=12`

```
/* express的中间件 */

//1. 导入express
var express = require('express')

//2. 创建express服务器
var server = express()

//4. 访问服务器(get或者post)
//参数一: 请求根路径
//4.1 get请求
server.get('/home', function (request, response) {
    // console.log(request)
    console.log(request.query.page)
    response.send('get参数请求成功')
})

//5. 绑定端口
server.listen(4040)
console.log('启动4040')
```

- 输出结果
-
```
启动4040
12
```

### 5. post请求参数
- 这里先让我们看一下request的部分参数
-

```
headers: 
   { 
   //请求头
     host: '192.168.2.11:4040/home',
     //保持长连接
     connection: 'keep-alive',
     'cache-control': 'max-age=0',
     'user-agent': 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/63.0.3239.84 Safari/537.36',
     'upgrade-insecure-requests': '1',
     //可接受的数据解析方式
     accept: 'text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8',
     'accept-encoding': 'gzip, deflate',
     'accept-language': 'zh-CN,zh;q=0.9',
     'if-none-match': 'W/"15-H7HlVCzzVfmRL56LAnLfNUaMM+8"' 
   }

```

- 使用http发送请求，需要设置content-type字段
- content-type字段
  - application/x-www-form-urlencoded(普通请求，默认一般使用这种)
  - `application/json`(带有json格式的参数，需要使用这个，比如参数是字典或者数组)
  - `multipart/form-data`(传输文件，文件上传使用这个)
- AFN框架中`AFHTTPRequestSerializer`使用的是`application/x-www-form-urlencoded`，`AFJSONRequestSerializer`使用的是`application/json`
- Node.JS需要使用body-parser模块,解析post请求参数
- 可以采用中间件的方式解析post请求参数
  - 注意bodyParser.urlencoded参数是一个字典，需要添加`{}``包装
  - extends必传参数，是否展开
- 完整代码示例

```
/**
 * 创建Post请求
 * */

//1. 导入express
var express = require('express')

//2. 加载模块
var bodyParse = require('body-parser')

//3. 创建服务器
var server = express()

//4. 生成解析器
// application/x-www-form-urlencoded
var urlencoded = bodyParse.urlencoded({ extends:true })

// application/json
var jsonParser = bodyParse.json()

//5. 中间件: 把请求体参数 存放到request.body
server.use('./home', jsonParser)

//6. 请求数据
// request:request请求头,请求体
server.post('./home', function (request, response) {
    //解析post请求参数
    console.log(request.body)
    response.send(request.body)
})

//7. 绑定端口
server.listen(5050)
```

---
> #### [Demo地址](https://github.com/CoderTitan/WebServer)

---

---
> 参考文章:
> 1. [Node.js优缺点](http://blog.csdn.net/kaosini/article/details/8089597)
> 2. [Node.js 究竟是什么？](https://www.ibm.com/developerworks/cn/opensource/os-nodejs/)
> 3. [Express 4.x API 中文手册](http://www.expressjs.com.cn/4x/api.html)
> 4. [JavaScript基本语法01](https://www.jianshu.com/p/b15d884772c2)
> 5. JavaScript 语言参考: https://msdn.microsoft.com/zh-cn/library/d1et7k7c(v=vs.94).aspx

WebServer

WebServer 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

WebServer

WebServer 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README