web前端|js教程
Nodejs,express模块,服务器
web前端-js教程
本篇文章给大家介绍一下Nodejs使用express模块创建一个服务器的方法
windows 下载android源码,vscode看反汇编代码,宝塔ubuntu安装,tomcat应用卡顿,java平台爬虫,php sdk使用,R级徐元seo在线,网站源码生成网页,destoon火车头采集模板lzw
文字江湖源码,阿里云ubuntu中文,平台爬虫抓取网页,惠阳php,seo691.lzw
使用express模块创建一个服务器
网狐荣耀扎金花源码,ubuntu删除多余用户,tomcat9 ssl配置,ajax爬虫 java,flash与php与mysql,seo 项目lzw
新建一个文件夹，文件夹名字非中文，名字也不要和模块名字一样
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("服务器开启了...");});
使用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-urlencodedapp.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("服务器开启了...");});
编程视频！！
