Nodejs 使用express模塊創建一個服務器

使用express模塊創建一個服務器

1. 新建一個文件夾，文件夾名字非中文，名字也不要和模塊名字一樣
2. npm init -y 初始化
3. 下載模塊，去npm官網搜索模塊，用他的說明來下
   • 如果下載失敗，則用 npm cache clean -f 這個命令來清空緩存，重新下載
4. 使用模塊，去模塊的官網，或者模塊說明中使用

// 導入express模塊
const express = require("express");

// 創建一個服務器
const app = express();

// 設置返回給用戶看的內容
app.get("/", function (req, res) {
  // 如果是用內置模塊http創建的服務器返回的內容用res.end()響應
  // 現在我們這裏用的是express模塊創建的服務器，那用res.send()響應
  res.send("Hello World");
});

// 啓動服務器
app.listen(4399, () => {
  console.log("服務器開啓了...");
});

使用express模塊創建一個靜態資源服務器

const express = require("express");
const app = express();
// 例如，通過如下代碼就可以將 web 目錄下的圖片、CSS 文件、JavaScript 文件對外開放訪問了：
app.use(express.static("web"));
const port = 8089;

// app.get("/", (req, res) => res.send("Hello World!"));

app.listen(port, () => console.log(`Example app listening on port ${port}!`));

get/post區別

1. get傳值是通過url傳值而post是通過請求體傳遞的(guerystring)

2. get傳遞的數據相對較小，而post傳遞的數據相對而言比較大

3. get傳值由於是在urI中傳遞的，所以安全性較低.
   post傳值安全性相對而言高-點

4. get-般用於請求數據/獲取數據
   post-般用於提交數據.

   eg:
   大事件項目
   個人中心信息修改接口: post
   發表文章接口: post
   獲取第n頁的文章接口: get

express實現一個簡單的get接口

/**
 * 接口：得到一條隨機笑話
 * 接口地址：/joke
 * 請求方式：get
 * 參數：無
 * 返回：一條笑話
 */
const express = require("express");
const app = express();

app.get("/joke", function (req, res) {
  // 準備n條笑話(實際開放的時候笑話們肯定是從數據庫或者是其他的數據源獲取的
  let arr = [
    "一個男生暗戀一個女生很久了。一天自習課上，男生偷偷的傳了小紙條給女生，上面寫着“其實我注意你很久了”。不一會兒，女生傳了另一張紙條，男生心急火燎的打開一看“拜託你不要告訴老師，我保證以後再也不嗑瓜子了”。。。。。。男生一臉懵逼",
    "在公園裏看到一對很有愛的父女，父親大約五十歲左右，女兒二十來歲，女兒很乖巧的給爸爸剝了一個茶葉蛋，說說什麼互相開懷大笑，好溫馨的家庭。但是，爲什麼後來他們就舌吻了呢？",
    "有一次和男友吵架了在電話裏哭，閨蜜來安慰我，突然，他盯着我的眼睛看。冒出一句：“你的睫毛膏用的什麼牌子的，這麼哭成這B樣，都沒掉”。我真是氣打不一處來，電話一扔也不哭了。",
    "昨天因爲一件事罵兒子，說你媽媽是豬，你也是頭豬。兒子卻反過來說我：爸爸你怎麼這麼衰，娶了一頭豬，還生了一隻豬！你說你這熊孩子，這是不是找打。",
  ];
  let index = Math.floor(Math.random() * 4);
  res.send(arr[index]);
});
app.listen(4399, () => {
  console.log("服務器開啓了...");
});

express實現一個帶有get參數的接口

const express = require("express");
const app = express();

app.get("/getNickName", function (req, res) {
  // 要接收前端傳遞過來的參數（英雄名）
  console.log(req.query);
  // 處理
  let heroNickName = "";
  switch (req.query.heroName) {
    case "提莫":
      heroNickName = "迅捷斥候";
      break;
    case "李青":
      heroNickName = "盲僧";
      break;
    case "蓋倫":
      heroNickName = "德瑪西亞之力";
      break;
    case "亞索":
      heroNickName = "疾風劍豪";
      break;
    case "阿狸":
      heroNickName = "九尾妖狐";
      break;
    default:
      heroNickName = "該英雄不存在";
      break;
  }
  res.send(heroNickName);
});
app.listen(4399, () => {
  console.log("服務器開啓了...");
});

實現一個簡單的post接口

const express = require("express");
const app = express();

app.post("/sb", function (req, res) {
  res.send("sb,這是一個post接口");
});
app.listen(4399, () => {
  console.log("服務器開啓了...");
});

實現一個帶有參數的post接口

/**
 * 接口：用戶登錄
 * 請求地址：/login
 * 請求方式：post
 * 請求參數：username       password
 *          登錄賬號/用戶名  用戶密碼
 * 返回值：登錄成功/登錄失敗
 */
const express = require("express");
var bodyParser = require("body-parser");

// 創建服務器
const app = express();

// parse application/x-www-form-urlencoded
app.use(bodyParser.urlencoded({ extended: false }));

app.post("/login", function (req, res) {
  // 接收用戶傳遞過來的用戶名和密碼

  // 由於是post方式傳遞過來的參數，所以用req.query這種方式拿不到
  // console.log(req)
  // console.log(req.query)

  // 要想獲取到通過post傳遞過來的參數，就要使用第三方模塊：body-parser
  // 就用req.body來獲取參數
  console.log(req.body); // { username: 'admin', password: '888888' }

  // 處理
  if (req.body.username == "admin" && req.body.password == "888888") {
    res.send({
      code: 200,
      msg: "登錄成功",
    });
  } else {
    res.send({
      code: 400,
      msg: "賬號密碼不對",
    });
  }
});
app.listen(4399, () => {
  console.log("服務器開啓了...");
});

返回一個返回值是json格式字符串的接口

/***
 * 接口：獲取一個實物
 * 接口地址：/getFood
 * 請求方式：get
 * 返回數據：json
 */

// 導包
const express = require("express");

// 創建服務器
const app = express();

// 寫接口
app.get("/getFood", (req, res) => {
  // 邏輯處理

  // 要去設置一個請求頭
  res.setHeader("Content-Type", "application/json");
  // 返回一個json格式的字符串
  res.send(`
        {
            "foodName":"紅燒肉",
            "price":50,
            "description":"好喫，油而不膩"
        }
    `);
});

// 開啓服務器
app.listen(4399, () => {
  console.log("服務器開啓了...");
});

寫一個post方式傳文件參數的接口

/**
 * 接口：登錄接口
 * 接口地址：/register
 * 請求方式：post
 * 接口參數：username password
 * 返回值：登錄成功/登錄失敗
 */

// 導包
const express = require("express");
const multer = require("multer");
const upload = multer({ dest: "uploads/" });

// 創建服務器
const app = express();

// 寫接口
app.post("/register", upload.single("usericon"), (req, res) => {
  // 傳遞過來的username,password,usericon如何接收？
  // 需要使用到一個第三方模塊 multer

  // req.file is the `avatar` file // 傳過來的文件，參數名用usericon
  // req.body will hold the text fields, if there were any // 一起傳過來的文本保存在req.body中

  console.log(req.file);
  console.log(req.body);

  res.send("sb");
});

// 開啓服務器
app.listen(4399, () => {
  console.log("服務器開啓了...");
});