初入nodejs

shaodao發表於2024-08-29
NodeJS

序言：

為了真正實現自己上線一個軟體 從現在開始學習後端

初入nodejs學到的內容：

首先理解的後端流程大概輪廓是

  1. 建立伺服器
  2. 編寫路由
  3. 編寫路由攔截器（GET、POST）
  4. 連線資料庫
  5. 實現資料庫的增刪改查

接著就是學習express.js 和 Koa.js 這兩個基於nodejs的框架

我們一步一步來

建立伺服器

http.createServer傳入一個方法來建立伺服器
該方法入參 request 和 response 即為訪問伺服器的請求和響應

程式碼中的writeHead用於寫響應的頭部 透過改變Content-Type來改變響應體的資料型別

對資料的響應 程式碼中也有體現出來
一種是響應非檔案資料 則使用 res.end()的語法 ，將內容以字串形式放入進行響應
另外一個響應檔案資料，程式碼中響應一個html檔案，則使用fs來建立一個讀取流，使用管道pipe將流傳入response中

var http = require("http");
var fs = require("fs")
const { stringify } = require("querystring");

var service = http.createServer(function(req , res){
    console.log("request");
    
    // 傳輸資料
    res.writeHead(200 , {
        // "Content-Type" : 'text/plain' // 傳輸文字
        "Content-Type" : 'text/html' // 傳輸html
        // "Content-Type" : 'application/json' // 傳輸json
    })// 設定請求頭

    var obj = {
        name : "name",
        id : "id"
    }
    // res.end(JSON.stringify(obj))

    // 可以利用讀取檔案進行傳輸
    var myReadStream = fs.createReadStream(__dirname + '/index.html' , 'utf8');
    myReadStream.pipe(res)
})  

// 監聽伺服器
service.listen(3000,'127.0.0.1') // 埠以及本地地址

編寫路由

我對路由的理解 其實就是使用介面進行請求時 介面的key值
例如 localhost:8000/api/getData 這裡的/getData就是路由的主體
透過編寫路由來確認 前端請求哪些什麼介面獲取什麼資料
我認為也就是後端與前端的主要連線位置

在這裡直接使用一個較為複雜的例子來講解

首先啟動伺服器，這裡將啟動服務的程式碼封裝起來 server.js

var http = require('http');

/**
 * 啟動伺服器
 * @param {*} router 路由表與伺服器的連線函式
 * @param {*} handle 路由表 
 */
function startServer(router, handle){
    var server = http.createServer(function(request , response){
        router(handle,request.url,response)
    })

    server.listen(3000,'127.0.0.1')
    console.log("伺服器執行在3000埠上")

}

module.exports = {
    startServer
}

在index.js檔案中匯入
封裝的startServer傳入兩個引數 分別為路由處理方法router以及路由表handle

var server = require('./server.js')
var handler = require('./handle.js')
var router = require('./router.js')

/**
 * 相當於路由表 路由對應的埠
 */
var handle = {}
handle['/'] = handler.home
handle['/home'] = handler.home
handle['/user'] = handler.user

server.startServer(router, handle)

可以理解為 handle 來指明你請求的哪個路由對應了哪個路由的響應方法
router 即為他們的操盤手 將 response 和 path 和 handle 結合在一起

因此有handle.js:

var fs = require('fs')
var data = require('./user.js')

// 給予埠 封裝埠狀態碼以及傳遞的內容（html\json)
function home(response){
    response.writeHead(200 , {"Content-Type" : 'text/html'})
    fs.createReadStream(__dirname + '/home.html','utf8').pipe(response)
}

function user(response){
    response.writeHead(200 , {"Content-Type" : 'application/json'})
    response.end(JSON.stringify(data))
}

module.exports = {
    home,
    user
}

router.js:

var fs = require('fs')

/**
 * 
 * @param {*} handle 路由表
 * @param {*} pathname url
 * @param {*} response 傳入介面介面 將要渲染的內容放入此處
 */
function router(handle,pathname,response){
    if(typeof handle[pathname] === 'function'){
        handle[pathname](response)
    }else{
        response.writeHead(404 , {"Content-Type" : "text/html"});
		fs.createReadStream(__dirname + "/404.html","utf8").pipe(response);
    }
}

module.exports =  router

可能有點繞 當時學的時候也花蠻長時間才順通

路由攔截實現GET、post請求

上一節學習的路由編寫裡的請求 其實都是get請求 預設如此
而工作中最常見的還是POST請求

首先要認清GET和POST的區別
對於我來說 最大的區別就是POST傳引數是在負載中 GET傳引數是在路由末尾透過？的形式新增

因此 我們首先需要獲取請求中的引數
GET請求獲取的思路是擷取後面一段url POST是使用庫方法直接獲取
可以透過request.method來區分POST還是GET

因此server.js:

var http = require('http');
var url = require('url')
var querystring = require('querystring')


/**
 * 啟動伺服器
 * @param {*} router 路由表與伺服器的連線函式
 * @param {*} handle 路由表 
 */
function startServer(router, handle){
    var server = http.createServer(function(request , response){
        console.log(request.url) // 獲取整段url
        var pathname = url.parse(request.url).pathname
        console.log(pathname) // 獲取url中的pathname部分
        var data = [] // 用於儲存從介面中獲取的資料
        var params = {} // 用於儲存請求中的資料
        request.on('error' , function(err){
            console.log(err); // 輸出報錯
        }).on('data' , function(chunk){
            data.push(chunk) // 儲存資料
        }).on('end',function(){ // 讀取結束
            console.log(request.method) // 輸出請求型別
            if(request.method === 'POST'){
                data = Buffer.concat(data).toString(); // 此時被轉化為字串型別
                data = querystring.parse(data)
                params = data
            }else if(request.method === 'GET'){
                var param = url.parse(request.url,true).query // 獲取url中的引數部分  url？name="xxx" true:【物件】 false:【字串】
                params = param
            }else{}
        })


        // router(handle,request.url,response)
        // 為避免伺服器連同引數部分一起讀取從而無法判斷正確url , 應該用pathname部分代替整段url
        router(handle,pathname,response,params)
    })

    server.listen(3000,'127.0.0.1')
    console.log("伺服器執行在3000埠上")

}

module.exports = {
    startServer
}

獲取到引數後用params進行裝載 透過router傳入handle handle再根據params進行特殊處理即可

連線資料庫

連線資料庫很簡單 有個包叫mysql
第一步 安裝mysql包
npm install mysql --save--dev
第二步 使用程式碼進行資料庫連線：

const mysql = require('mysql2/promise');  
  
async function connectToDatabase() {  
    try {  
        const connection = await mysql.createConnection({  
            host: 'localhost',  
            user: 'yourUsername',  
            database: 'yourDatabaseName',  
            password: 'yourPassword',  
            waitForConnections: true,  
            connectionLimit: 10,  
            queueLimit: 0  
        });  
  
        await connection.connect();  
  
        console.log('成功連線到MySQL資料庫');  
  
        // // 示例：插入資料（INSERT）  
        // const insertQuery = 'INSERT INTO yourTable (column1, column2) VALUES (?, ?)';  
        // const insertResult = await connection.execute(insertQuery, ['value1', 'value2']);  
        // console.log('插入資料成功', insertResult);  
  
        // // 示例：查詢資料（SELECT）  
        // const selectQuery = 'SELECT * FROM yourTable WHERE column1 = ?';  
        // const [rows, fields] = await connection.execute(selectQuery, ['value1']);  
        // console.log('查詢結果', rows);  
  
        // // 示例：更新資料（UPDATE）  
        // const updateQuery = 'UPDATE yourTable SET column2 = ? WHERE column1 = ?';  
        // const updateResult = await connection.execute(updateQuery, ['newValue', 'value1']);  
        // console.log('更新資料成功', updateResult.affectedRows);  
  
        // // 示例：刪除資料（DELETE）  
        // const deleteQuery = 'DELETE FROM yourTable WHERE column1 = ?';  
        // const deleteResult = await connection.execute(deleteQuery, ['value1']);  
        // console.log('刪除資料成功', deleteResult.affectedRows);  
  
        // 關閉連線  
        await connection.end();  
  
    } catch (error) {  
        console.error('連線到MySQL資料庫時發生錯誤:', error);  
    }  
}  
  
connectToDatabase();

程式碼裡還寫了關於資料庫的增刪改查的簡單方法
ps:此段程式碼還未執行過 本人另外在express.js框架裡也用過該包成功進行資料庫連線

nodejs基於webSocket實現聊天功能

主要是之前看別人用go寫websocket覺得好高大上 當時自己搞半天都沒搞通 現在知道js也可以寫後端就趕緊來試著實現

安裝 ws 庫

首先，你需要透過 npm 安裝 ws 庫。在你的 Node.js 專案目錄下開啟終端或命令提示符，然後執行：

npm install ws

建立 WebSocket 伺服器

以下是一個簡單的 WebSocket 伺服器示例，使用 ws 庫：

const WebSocket = require('ws');

const wss = new WebSocket.Server({ port: 8080 });

wss.on('connection', function connection(ws) {
  ws.on('message', function incoming(message) {
    console.log('received: %s', message);
  });

  ws.send('something');
});

console.log('WebSocket server is running on ws://localhost:8080');

在這個例子中，伺服器監聽 8080 埠，並在每個新的 WebSocket 連線上列印接收到的訊息，並向客戶端傳送一條訊息。

建立 WebSocket 客戶端

客戶端可以使用原生的 WebSocket API，如果你是在瀏覽器環境中，或者你也可以在 Node.js 中使用 ws 庫來模擬客戶端：

const WebSocket = require('ws');

const ws = new WebSocket('ws://localhost:8080');

ws.on('open', function open() {
  ws.send('Hello Server!');
});

ws.on('message', function incoming(data) {
  console.log(data);
});

ws.on('error', function error(err) {
  console.error(err);
});

這段程式碼建立了一個 WebSocket 客戶端，連線到 ws://localhost:8080，傳送一條訊息，並列印從伺服器接收到的任何訊息。

相關文章