飛高高程式員

事前準備

• 必須安裝node.js

• 建立一個放project的資料夾

初始化一個package.josn

打開終端機到創建的那個資料夾底下init一個package.json

終端機：

> cd 你的資料夾
> npm init 
>
package name: (app) 
version: (1.0.0) 
description: restful api
entry point: (index.js) server.js
test command: 
git repository: 
keywords: 
author: felix
license: (ISC) 
About to write to /Users/siaoyuu/Desktop/project/node-demo/node-app/package.json:

{
  "name": "app",
  "version": "1.0.0",
  "description": "restful api",
  "main": "server.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "felix",
  "license": "ISC"
}


Is this OK? (yes) yes

 

使用VScode做相關設置

打開剛剛設立的資料夾安裝express

終端機：

> npm install express  
//安裝完會出現node_modules資料夾就是成功了

開啟server.js引入express和設置port

server.js :

const express = require("express"); //引入express
const app = express(); //實例化一個app

const port = process.env.PORT || 5000; //端口號設定 本地5000


app.listen(port,() => {
    console.log("Server running on port ${port}");
}) 

啟動服務但還不能真正訪問到頁面

終端機：

> node server.js //啟動服務
server running on port 5000

目前這一步還不能真正在瀏覽器訪問到，因為我們還沒有設置路由。

設置路由

server.js :

const express = require("express"); //引入express
const app = express(); //實例化一個app

app.get("/",(req,res)=>{
    res.send("Hello World");
})  //加入get找到根目錄就可以正常訪問了

const port = process.env.PORT || 5000; //端口號設定 本地5000


app.listen(port,() => {
    console.log(`Server running on port ${port}`);
}) 

終端機：

> ^C
> node server.js //每做一次文件的更動就必須重啟服務
server running on port 5000

使用nodemon自動重啟服務

安裝nodemon

終端機：

> npm install nodemon -g //windows 
> sudo npm install nodemon -g //mac
> nodemon server.js
[nodemon] 2.0.1
[nodemon] to restart at any time, enter `rs`
[nodemon] watching dir(s): *.*
[nodemon] watching extensions: js,mjs,json
[nodemon] starting `node server.js`
Server running on port 5000

當你下次發生變動時他就會自動幫你做重啟的動作。

調整package.json加入對應命令

加入的命令有：

• 啟動npm start時要啟動服務node server.js

• 啟動npm server 要持續啟動服務 nodemon server.js

packjson.js：

"scripts": {
    "start": "node server.js",
    "server":"nodemon server.js"
 }

終端機：

> npm run start //有更動一樣要重啟服務
server running on port 5000 
> ^C
> npm run server //保存更動不用重啟服務
[nodemon] 2.0.1
[nodemon] to restart at any time, enter `rs`
[nodemon] watching dir(s): *.*
[nodemon] watching extensions: js,mjs,json
[nodemon] starting `node server.js`
Server running on port 5000

開啟瀏覽器訪問頁面

網址輸入：http://localhost:5000/

顯示出Hello World就代表成功了。