使用nodejs搭建一個(gè)簡易HTTP服務(wù)的實(shí)現(xiàn)示例

更新時(shí)間：2022年05月07日 15:15:58 作者：求知若饑

本文主要介紹了使用nodejs搭建一個(gè)簡易HTTP服務(wù)的實(shí)現(xiàn)示例，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

先搭建一個(gè)簡單的HTTP服務(wù)

主要使用http模塊的createServer方法和listen方法。
代碼如下：

const http = require('http');
// 初始化http服務(wù)
const server = http.createServer();

// 啟動(dòng) HTTP 服務(wù)監(jiān)聽連接
server.listen(8000, () => {
    console.log('service run: http://127.0.0.1:8000');
});

// 偵聽請(qǐng)求事件
server.on('request', (req, res) => {
    try {
        // 設(shè)置響應(yīng)頭允許跨域
	res.setHeader('Access-Control-Allow-Origin', '*');

        res.statusCode = 200;
        res.setHeader('Content-Type', 'text/plain');
        res.end('HTTP服務(wù)搭建成功');
    } catch (ex) {
	console.error(ex.message);
	res.statusCode = 500;
	res.end('service error');
    }
});

如上代碼所示一個(gè)簡單的http服務(wù)就搭好了，但是現(xiàn)在還只能返回一些簡單的信息到客戶端，而且也沒有根據(jù)請(qǐng)求地址和請(qǐng)求參數(shù)做不同的處理。那么接下來我們就先來處理請(qǐng)求地址的問題。

根據(jù)不同的請(qǐng)求地址返回不同的信息

每當(dāng)收到新的請(qǐng)求時(shí)，request事件會(huì)被調(diào)用，傳給request事件的回調(diào)函數(shù)可以接受兩個(gè)對(duì)象：一個(gè)request對(duì)象，提供了請(qǐng)求的詳細(xì)信息。一個(gè)response對(duì)象，用于設(shè)置返回給客戶端的信息。我們可以從request對(duì)象的url屬性中獲取請(qǐng)求地址，代碼如下：

const http = require('http');
const server = http.createServer();

server.listen(8000, () => {
    console.log('service run: http://127.0.0.1:8000');
});

server.on('request', (req, res) => {
    try {
        res.setHeader('Access-Control-Allow-Origin', '*');
        res.setHeader('Content-Type', 'application/json');

        // 獲取請(qǐng)求地址
	const urls = req.url.split('?');
	const requestAddress = urls[0];
       console.log(`請(qǐng)求地址：${ requestAddress }`);

        const callback = {
          '/test': () => {
            res.statusCode = 200;
            res.end(JSON.stringify({text: '通過測(cè)試'}));
          },
          '/': () => {
            res.statusCode = 200;
            res.end(JSON.stringify({text: 'hello world'}));
          }
        }
		
        if (callback[requestAddress] instanceof Function) {
          return callback[requestAddress]()
        }

        res.writeHead(200, '響應(yīng)成功');
        res.end('成功收到請(qǐng)求');
    } catch (ex) {
	console.error(ex.message);
	res.statusCode = 500;
	res.end('service error');
    }
});

如上代碼實(shí)現(xiàn)了不同請(qǐng)求地址返回不同信息的功能，但是也還存在一些問題。例如：沒有實(shí)現(xiàn)獲取請(qǐng)求體參數(shù)和查詢字符串。
那么我們接下來就來添加獲取請(qǐng)求參數(shù)的代碼。

獲取請(qǐng)求參數(shù)

查詢字符串可以從request對(duì)象的url屬性中獲取，請(qǐng)求體參數(shù)可以通過偵聽request對(duì)象的data事件獲取。如下所示：

const http = require('http');
const server = http.createServer();

server.listen(8000, () => {
    console.log('service run: http://127.0.0.1:8000');
});

server.on('request', (req, res) => {
    try {
        res.setHeader('Access-Control-Allow-Origin', '*');
        res.setHeader('Content-Type', 'application/json');

	const urls = req.url.split('?');
	const requestAddress = urls[0];
        console.log(`請(qǐng)求地址：${ requestAddress }`);

        const callback = {
          '/test': () => {
            console.log(`查詢字符串：${urls[1]}`);

            if (req.method === 'POST') {
            // post請(qǐng)求，獲取json格式的請(qǐng)求體參數(shù)
              let data = '';
              
              // req對(duì)象是一個(gè)流（參考Stream API），可以監(jiān)聽它的data事件來獲取數(shù)據(jù)塊。
              req.on('data', (chunk) => {
                // 這里假設(shè)收到的數(shù)據(jù)是字符串，隱式轉(zhuǎn)換：二進(jìn)制數(shù)據(jù) => 字符串
                data += chunk;
              });
              
              // 在獲取數(shù)據(jù)結(jié)束時(shí)，調(diào)用end事件
              req.on('end', () => {
                data = JSON.parse(data);
                console.log('請(qǐng)求體：', data);
              });
            }

        
            res.statusCode = 200;
            res.end(JSON.stringify({text: '通過測(cè)試'}));
          },
          '/': () => {
            console.log(`查詢字符串：${urls[1]}`);
        
            res.statusCode = 200;
            res.end(JSON.stringify({text: 'hello world'}));
          }
        }
		
        if (callback[requestAddress] instanceof Function) {
          return callback[requestAddress]()
        }

        res.writeHead(200, '響應(yīng)成功');
        res.end('成功收到請(qǐng)求');
    } catch (ex) {
	console.error(ex.message);
	res.statusCode = 500;
	res.end('service error');
    }
});

通過以上代碼我們就實(shí)現(xiàn)了獲取請(qǐng)求體里的json格式數(shù)據(jù)和查詢字符串?dāng)?shù)據(jù)參數(shù)。

實(shí)現(xiàn)服務(wù)端設(shè)置（跨域）cookie和讀取客戶端發(fā)送的cookie

服務(wù)器要允許跨域帶憑據(jù)的請(qǐng)求，需要設(shè)置響應(yīng)頭Access-Control-Allow-Credentials為true，且響應(yīng)頭Access-Control-Allow-Origin的值不能為‘*’，必須為一個(gè)具體的域名。
前端要允許跨域發(fā)送憑據(jù)到服務(wù)器，則需要設(shè)置XMLHttpRequest對(duì)象的withCredentials屬性，將其值修改為true即可。

const http = require('http');
const server = http.createServer();

server.listen(8000, () => {
    console.log('service run: http://127.0.0.1:8000');
});

server.on('request', (req, res) => {
    try {
        // 跨域允許攜帶憑據(jù)（cookie之類）
        res.setHeader('Access-Control-Allow-Credentials', 'true');
        // 要允許跨域攜帶cookie，必須設(shè)置為具體的域，不能是‘*'
        res.setHeader('Access-Control-Allow-Origin', 'http://127.0.0.1:5500');
        res.setHeader('Content-Type', 'application/json');

        const requestAddress = req.url.split('?')[0];
    
        const callback = {
          '/login': () => {
            // 設(shè)置cookie
            res.setHeader('Set-Cookie', 'name=wst;age=24;Max-Age=666;');
            res.statusCode = 200;

            // 返回json格式數(shù)據(jù)到客戶端
            res.end(JSON.stringify({text: '登錄成功'}));
          },
          '/': () => {
            // 通過req.headers.cookie讀取cookie
            console.log(req.headers.cookie)
            res.statusCode = 200;
            res.end(JSON.stringify({text: 'hello world'}));
          }
        }
		
        if (callback[requestAddress] instanceof Function) {
          return callback[requestAddress]()
        }

        res.writeHead(200, '響應(yīng)成功');
        res.end('成功收到請(qǐng)求');
    } catch (ex) {
	console.error(ex.message);
	res.statusCode = 500;
	res.end('service error');
    }
});

到此，我們已經(jīng)實(shí)現(xiàn)了一個(gè)簡單的HTTP服務(wù),更多相關(guān)nodejs搭建HTTP服務(wù)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: