iT邦幫忙

2023 iThome 鐵人賽

DAY 28
0
自我挑戰組

線上商店串接tappay系列 第 28

Node.js express

  • 分享至 

  • xImage
  •  

好用工具

nodemon是用於監視 Node.js 應用程式中文件變化並自動重啟應用程式的工具,這樣只要文件存檔,瀏覽器會自動更新。npm install -g nodemon

lodash提供了許多簡化和優化 JavaScript 開發的函式和工具。
npm install lodash

express 是Node.js 網頁應用程式框架,用於建立可擴展且靈活的網頁和應用程式。它提供了簡單而強大的工具,可以幫助開發者建立具有各種功能的網站和 Web 應用。
npm install express

輸入npm init,用於初始化一個新的 Node.js 專案,並創建一個 package.json 檔案,可以在裡面觀察到我們新安裝的模組跟版本。

{
  "name": "crash-course",
  "version": "1.0.0",
  "description": "",
  "main": "file.js",
  "directories": {
    "doc": "docs"
  },
  "dependencies": {
    "express": "^4.18.2",
    "lodash": "^4.17.21"
  },
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "node server.js"
  },
  "author": "",
  "license": "ISC"
}

有了express我們可以寫出更簡潔的程式切換路由,最後的use函式,讓所有例外的URL都顯示404 Not Found的page。

const express = require('express');

const app = express();

app.listen(3000);

app.get('/',(req,res)=>{
    res.sendFile('./views/index.html',{root:__dirname});
});

app.get('/about',(req,res)=>{
   // res.send('<p>about page</p>');
   res.sendFile('./views/about.html',{root:__dirname});
});

//redirects
app.get('/about-us',(req,res)=>{
    res.redirect('./about');
});
//404page
app.use((req,res)=>{
    res.status(404).sendFile('./views/404.html',{root:__dirname})
})

參考資料

Net ninja


上一篇
Node.js Client&Server
下一篇
Node.js EJS
系列文
線上商店串接tappay30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言