Waku Piece

Node.js入門教學:如何建立和使用路由模組

08/18/2023

Node.js應用程式中,路由是一個重要的概念,它們負責將不同的URL請求映射到相應的處理函數。為了保持代碼的整潔有序,我們可以將路由拆分成多個模組,並從主要應用程式中引入這些模組。本文將帶您進一步了解如何在Node.js中建立路由模組並使用它們。


步驟一:創建路由模組


首先,在您的專案目錄中創建一個新的文件夾,命名為"routes",這將是存放您的路由模組的地方


在"routes"文件夾中,創建一個新的JavaScript文件,例如"authRoutes.js"。這個文件將包含與登入註冊相關的路由。


在"authRoutes.js"文件中,引入Express並創建一個新的Router實例:

// authRoutes.js

const express = require('express');

const router = express.Router();



接下來,為該模組定義帶有前綴的路由,例如:

// authRoutes.js

router.get('/login', (req, res) => {

  res.send('顯示登入頁面');

});


router.get('/register', (req, res) => {

  res.send('顯示註冊頁面');

});

// 添加更多與驗證相關的路由



最後,將該路由模組匯出:

// authRoutes.js

module.exports = router;



步驟二:引入帶有前綴的路由模組


在主要應用程式的JavaScript文件(例如app.js或index.js)中,引入Express並創建Express應用程式的實例:

const express = require('express');

const app = express();


接著,引入剛剛建立的帶有前綴的路由模組:

const authRoutes = require('./routes/authRoutes');


然後,使用app.use()將路由模組添加到主應用程式中,並指定一個前綴,例如"/auth":

app.use('/auth', authRoutes);


步驟三:啟動服務器


最後,使用app.listen()來啟動服務器,以便您的應用程式能夠接收請求:

app.listen(3000, () => {

  console.log('伺服器運行在端口3000');

});



總結

通過將帶有前綴的路由模組添加到您的Express應用程式中,您可以更好地組織和管理不同功能的路由。這種結構可以幫助您保持代碼的整潔並降低路由衝突的風險。透過創建帶有前綴的路由模組,您能夠更清晰地區分不同部分的路由,使您的代碼更容易閱讀、維護和擴展。現在,您已經掌握了如何建立、引入及使用帶有前綴的路由模組,讓您的Node.js應用程式更加有組織和可靠!


完整程式碼-routes/authRoutes.js


完整程式碼-index.js or app.js



Image placeholder

Jun Min

"我是一個勇於挑戰、熱愛創新的網頁全端工程師,除了扎實的技術能力,我更願意從同理心出發,設身處地思考問題,換位思考用戶和團隊成員的需求。待人處事謙和有禮,熱誠以懷。與此同時,我亦重視清晰的溝通與協作,能高效整合多方資源,共同完成目標。"