首頁  >  文章  >  web前端  >  詳解Nodejs+express模組建立一個伺服器的方法

詳解Nodejs+express模組建立一個伺服器的方法

青灯夜游
青灯夜游轉載
2021-03-24 11:10:071848瀏覽

本篇文章跟大家介紹一下Nodejs使用express模組建立一個伺服器的方法。有一定的參考價值,有需要的朋友可以參考一下,希望對大家有幫助。

詳解Nodejs+express模組建立一個伺服器的方法

使用express模組建立一個伺服器

  • #新新資料夾,資料夾名字非中文,名字也不要和模組名字一樣

  • npm init -y 初始化

  • #下載模組,去npm官網搜尋模組,用他的說明來下

    • 如果下載失敗,則用npm cache clean -f 這個指令來清空緩存,重新下載
  • ##使用模組,去模組的官網,或模組說明使用

  • // 导入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("服务器开启了...");
    });
【相關推薦:《

nodejs 教學》】

使用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區別

  • get傳值是透過url傳值而post是透過請求體傳遞的(guerystring)

  • get傳遞的資料相對較小,而post傳遞的資料相對而言比較大

  • get傳值由於是在urI中傳遞的,所以安全性較低.

    post傳值安全性相對而言高-點

  • 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("服务器开启了...");
});

更多程式相關知識,請造訪:

程式設計影片! !

以上是詳解Nodejs+express模組建立一個伺服器的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:csdn.net。如有侵權,請聯絡admin@php.cn刪除