NodeJs实战-待办列表(7)-connect组件简化代码

最新推荐文章于 2024-02-22 14:57:32 发布

原创

最新推荐文章于 2024-02-22 14:57:32 发布 · 446 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#json #javascript #前端 #node.js

本文介绍如何使用Node.js的connect中间件简化Web应用程序的开发流程。通过具体示例演示了connect的基本用法，包括安装、配置及如何处理HTTP请求等关键步骤。

NodeJs实战-待办列表7-connect组件简化代码

什么是connect
connect demo 程序
conenct 应用到服务端
验证
- 添加
- 完成

什么是connect

在这里插入图片描述

connect demo 程序

安装 conncet、connect-query 组件

npm install connect
npm install connect-query

编写 demo 程序，保存到 test_connect.js 文件

const connect = require('connect');
const query = require('connect-query');

function logger(request, response, next) {
   
   
    console.log('%s %s', request.method, request.url);
    next();
}

function index(request, response) {
   
   
    response.writeHead(200, {
   
   'Content-Type': 'text/plain'});
    response.write('index');
    response.end();
}

function hello(request, response) {
   
   
    var data = request.query
    response.writeHead(200, {
   
   'Content-Type': 'text/plain'});
    response.write(JSON.stringify(data));
    response.end();
}

function json(request, response) {
   
   
    let data = {
   
   
        'code':'',
        'msg':''
    }
    data.code = 1;
    data.msg = 'hello world';
    response.writeHead(200, {
   
   'Content-Type': 'application/json;charset=UTF-8'});
    response.write(JSON.stringify(data));
    response.end();
}

const app = connect();
app.use(logger)
    .use(query())
    .use('/hello', hello)
    .use('/json', json)
    .use('/', index)
    .listen(3000);

执行 node test_connect.js

F:\Github\Nodejs\todolist>node test_connect.js

浏览器访问如下url 可以进入对应的执行方法（使用debug方式启动）

http://127.0.0.1:3000/hello?name=1111	=>  hello
http://127.0.0.1:3000/json	=> json
http://127.0.0.1:3000/ => index

思考: 如果把主程序修改一下

const app = connect();
app.use(logger)
    .use(query())
    .use('/', index)
    .use('/hello', hello)
    .use('/json', json)
    .listen(3000);

启动服务之后还会得到和第4步一样的执行结果吗？

conenct 应用到服务端

需要修改 server.js

引入组件

const connect = require('connect');
const query = require('connect-query');

修改原来的 http 创建服务的方法，改成main

function main(request, response) {
   
   
	var urlParse = parse(request.url);
	var urlPath

最低0.47元/天解锁文章