前端路线--Nodejs（day09）

最新推荐文章于 2024-07-06 23:12:25 发布
最新推荐文章于 2024-07-06 23:12:25 发布
阅读量375 收藏
点赞数
分类专栏： 前端 文章标签： 前端 javascript node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Yan9_9/article/details/124563580
版权

01-app路由没有模块化

//设置一个路由--不使用模块化
let express = require('express');

//开启一个服务器
let app = new express();

//不使用模块化设置路由接口
app.get('/home', (req, res) => {
    res.send('home页面');
});

//定义一个userlist路由,通过get形式提交表单数据。
//访问地址：http://localhost:3000/userlist
//url地址栏的参数字符串  username=erge&age=18
//可以通过req.query来获取参数
app.get('/userlist', (req, res) => {
    //获取get方式表单提交的参数
    console.log(req.query);
    res.send(req.query.username);
});

//面试题
/* 
写一个restful格式的接口,并且获取参数
//访问地址:http://localhost:3000/product/100/200
//restful格式接口的路由
*/
app.get('/product/:pid/:cid', (req, res) => {
    //来获取restful格式的参数
    console.log(req.params);
});


//监听端口号
app.listen(3000, () => {
    console.log('3000runing');
});

02-路由模块化

router文件夹下的user_router

//引入express模块
let express = require('express');
//实例化一个router对象
let router = express.Router();

//配置路由
//访问地址： http://localhost:3000/api/home
router.get('/home', (req, res) => {
    res.send('home页面');
});

//导出模块
module.exports = router;

02-路由模块化.js

//引入express模块
let express = require('express');
//生成一个服务器对象
let app = new express();
//引入自定义路由模块
let userRouter = require('./router/user_router');

//使用自定义模块
app.use('/api', userRouter);

//监听端口号
app.listen(3000, () => {
    console.log('3000running');
});

03-创建cookie

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    //cookie是什么?
    /* 
    1.存储于访问者电脑中的变量。当一个用户通过浏览器通过浏览器访问服务器上班的某个页面，JavaScript会创建或读取cookie
    2.cookie是document文档对象上边的一个属性
    3.不同域名之间cookie是不共享的(不能跨域访问)
    */

    // 如何创建一条cookie
    // 语法：document.cookie="属性=值"
    document.cookie = 'username=haogu';
    document.cookie = "age=18"

    //设置cookie自动清除
    let oDate = new Date(); //获取电脑中的当前时间
    oDate.setDate(oDate.getDate() + 1); //设置1天之后清除cookie
    document.cookie = 'sex=man;expires=' + oDate; //设置一条cookie并设置有效期
    //expires单词意思有效期
    //注意:cookie一般以天为单位,cookie里存储的是字符串
</script>

</html>

04-获取cookie

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    //获取cookie(全部的)
    console.log(document.cookie);
    console.log(typeof document.cookie); //string类型

    //获取所有的cookie，得到的是一个字符串
    let str = document.cookie;
    //注意：分号后面有一个空格 ['username=haogu','age=18','sex=nan','user=二哥']
    let arr = str.split('; ');
    //遍历arr
    for (let i = 0; i < arr.length; i++) {
        let arr2 = arr[i].split('=');
        if (arr2[0] == 'username') {
            console.log(arr2[1]);
        }

    }
</script>

</html>

05-cookie面试题

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    //面试题：封装一个方法setCookies设置cookie 
    //name 名称  value值  expires 有效期（天）
    function setCookies(name, value, expires) {
        let oDate = new Date();
        oDate.setDate(oDate.getDate() + expires);
        document.cookie = name + '=' + value + ';expires=' + oDate;
    }
    setCookies('user', 'ergege', 3);

    //面试题：获取cookie方法，封装一个方法getCookies(),传入一个属性参数，可以获取对应的属性值
    function getCookies(name) {
        //获取所有的cookie，得到的是一个字符串
        let str = document.cookie;
        //注意：分号后面有一个空格 ['username=haogu','age=18','sex=nan','user=二哥']
        let arr = str.split('; ');
        //遍历arr
        for (let i = 0; i < arr.length; i++) {
            let arr2 = arr[i].split('=');
            if (arr2[0] == name) {
                return arr2[1];
            }

        }
    }
    console.log(getCookies('username'));
    console.log(getCookies('age'));

    //面试题:封装一个removeCookies,删除cookie
    //将有效期设置为昨天,cookie有效期到了之后就会消失
    function removeCookies(name) {
        setCookies(name, '这里的value可以任何', -1);
    }
    removeCookies('age');
    removeCookies('sex');
    removeCookies('user');
    removeCookies('username');

    // 总结
    // cookie是什么？
    // cookie是存储于用户计算机中的变量
    // 当一个用户通过计算机中的浏览器，访问服务器上边的某个页面，JavaScript会创建或者读取cookie
    // 不同域名之间cookie是不共享的（不能跨域访问）
    // cookie是document文档对象上边的一个属性

    // cookie的作用？
    // 1、通常用于验证用户的登录状态，当用户访问某个网站的登录页面是，可以用cookie记录登录的状态，等到下次再登录的时候就可以不用输入用户名和密码，免密登录了
    // 2、如果是商城网站，可以用cookie记录用户浏览商品的历史（临时存储浏览商品的历史）
    // 3、a页面存储cookie，在b页面读取cookie，从而达到ab页面通信
</script>

</html>

06-在node环境下使用cookie

//在node环境下使用cookie
//cookie必须在服务器环境下打开


//1.node中使用需要下载cookie-parser模块
//cnpm install cookie-parser --save;

//2.引入cookie-parser模块
let cookieParser = require('cookie-parser');

let express = require('express');
let app = new express;

//3.使用cookie-parser模块
app.use(cookieParser());

//4.配置路由,设置cookie
app.get('/setcookie', (req, res) => {
    //设置cookie    res.cookie(name,value,{maxAge:时间})
    res.cookie('userage', '20', {
        maxAge: 24 * 60 * 60 * 1000 //maxAge写成毫秒数
    });
    res.send('cookie设置成功');
});

//5.配置路由,获取cookie
app.get('/getcookie', (req, res) => {
    //获取cookie(获取的是对象)
    console.log(req.cookies);
    res.send('控制台获取成功');
});


app.listen(3000, () => {
    console.log('3000running');
});

07-cookie的加密(签名)

let cookieParser = require('cookie-parser');

let express = require('express');
let app = new express;


// 可以传递一个字符串参数作为密钥，用来加密cookie的
// 字符串越复杂加密越复杂
// 加密就是为了安全--在浏览器中存储的不安全所以要加密（签名）
app.use(cookieParser('dhfdhfjhfj'));


app.get('/setcookie', (req, res) => {

    res.cookie('userage', '20', {
        maxAge: 24 * 60 * 60 * 1000,
        signed: true //加密（签名）
    });
    res.send('cookie设置成功');
});


app.get('/getcookie', (req, res) => {
    //获取加密的cookie(获取的是对象)
    console.log(req.signedCookies); //读取未签名的 { username: 'erge' }
    res.send('控制台获取成功');
});


app.listen(3000, () => {
    console.log('3000running');
});
喝西瓜汁的兔叽Yan
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Nodejs学习路线图
Z__learning的博客
11-17 584
Nodejs学习路线图
【NodeJS】设置 cookie
Rand Tsui
04-24 1079
主要使用setHeader方法，第一个参数，返回头的名称，Set-Cookie，第二个参数可以是字符串也可以是字符串数组，什么区别： 1、如果使用字符串，那么代表只设置一条cookie，在浏览器返回头中可以看到1个 Set-Cookie 行 2、如果使用数组，那么数组里的每个字符串都代表一条cookie，在浏览器返回头中可以看到多个Set-Cookie 行 一条cookie的格式应该是下面这个样子的字符串： name=value; name2=value2; name3=value3; Do..
Nodejs之cookie缓存
最新发布
在所有的事情背后，要有一颗坚定的的本心，要有一颗应对变革和提升自我的本心，世界瞬息万变，本心要坚持到底，保持学习，时刻复盘
07-06 629
cookie是为了辩别用户身份，进行会话跟踪而*存储在客户端*上的数据
IDEA社区版主题字体设置
qq_41606547的博客
11-24 1107
1. 设置主题 打开Settings设置 凭个人爱好选择主题 2. 字体设置 点击Fone进行字体设置，按个人爱好设置，取消勾选显示全部列表（个人偏好旗舰版默认字体Monospaced） 3. 设置java代码属性 点击Language Defaults设置默认属性，可点击列表或直接点击下方案例进行设置默认属性，单选加粗/斜体、颜色等，如图为关键字key的默认设置 点击Java进行java代码属性设置，可直接勾选Inherit values from选择上图的默认设置，或进行自定义设置。 4. 个
Nodejs-Cookie的设置
SpringDou的博客
11-15 3569
在web开发的过程中 cookie 肯定需要接触的，一个典型的应用是关于用户登录的，如果用户登录之后，再关闭，下次打开该网页已经自动登录，这样就可以利用服务器端发送cookie到客户端，再客户端存下来就可以了，当然也可以客户端自己存储登录信息到cookie，然后再打开网页的时候，自动发送保存的用户信息到服务端进行验证，具体cookie用来干什么的，可以自己google一下。 目前我自己使用了两种...
nodejs express解决fetch请求和使用Set-Cookie交互，axios\fetch网络请求携带cookie
weixin_51958960的博客
07-05 1576
This Set-Cookie header does not specify the "SameSite" attribute, defaults to "SameSite=Lax", and is blocked because it comes from cross-site responses, not responses to top-level navigation. SetCookie must be set to "SameSite=None" to enable cross-site us
nodejs中cookie的基本使用
jiuweideqixu的博客
01-25 1万+
/* * 1、安装 npm install cookie-parser --save * 2、引入var cookieParser = * 3、设置中间件 app.use() * 4、设置cookie HttpOnly默认fals不允许客户端脚本访问， * 允许后端进行访问，也允许nodejs进行访问，但不允许前端的js代码进行访问 * 5、获取cookie * *...
node.js
weixin_45974687的博客
08-03 197
什么是node.js ? Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境 v8解析js是最快的 nodejs是让js运行在服务器端 nodejs里面的API大多数都是异步 服务器端的js和浏览器端的js有什么区别? 客户端的js三个组成部分 : DOM 文档对象模型 js操作网页内容的一套API BOM 浏览器对象模型 js操作浏览器页面的一套API ECMAScript 一套js语法的规范 for 服务端的js 只有ECMAScript
如何通过cookie、session鉴权（nodejs/koa）
hello ice cream
08-29 582
http是一种无状态的协议，每一个请求都是独立的，即使同一个页面向服务器发送多次请求，服务器也无法区分是不是同一用户，所以这个时候可以借助于cookie来做身份认证，当用户登录成功，服务器为浏览器设置cookie，而在后面的请求当中，浏览器发送请求的时候，就会携带cookie，需注意的是，cookie需要同源的请求下才会发送。 设置cookie的时候还有以下值属性可以进行选择，分别是过期时间和作用域，没有设置过期时间，cookie的生命周期仅为会话阶段，关闭浏览器即被删除，通过max-age或者exp
NodeJs 发送request请求 设置Cookie
热门推荐
坑爹程序猿的专栏
03-23 1万+
把原有的BS框架重组，把NodeJs引进来，管理Restful请求。同时维护利用NodeJs前端Session，这样就可以减轻Tomcat、Was等sever的Session过重的问题。
nodejs设置cookie的过期时间，且不允许前端修改cookie,并解析cookie
qq_43241161的博客
08-29 2182
const http=require('http') const querystring=require('querystring') //设置cookie过期时间 const setCookieTiem=()=>{ let da=new Date() da.setTime( da.getTime() + 24*60*60*1000 ) //一天后过期 return da.toUTCString() //将 1598789234953这种格式的转换成=> "Sat, 29 Aug
一段关于在nodejs 中处理cookie的代码
关灯吃面
02-22 785
var http = require('http'); var url = require('url'); var querystring = require('querystring'); // 解析cookie var parseCookie = function(cookie) {         var cookies = {};         if (!cookie) {
nodejs之操作状态保持技术cookie和session
ｎｅｗｘｃ
12-13 1568
因为 http 是一种无状态协议，浏览器请求服务器是无状态的。 无状态：指一次用户请求时，浏览器、服务器无法知道之前这个用户做过什么，每次请求都是一次新的请求。 无状态原因：浏览器与服务器是使用 socket 套接字进行通信的，服务器将请求结果返回给浏览器之后，会关闭当前的 socket 连接，而且服务器也会在处理页面完毕之后销毁页面对象。 有时需要保持下来用户浏览的状态，比如用户是否登录过，浏览过哪些商品等 实现状态保持主要有两种方式： 在客户端存储信..
Nodejs express操作cookie和session
pretent的成长历程
04-22 1万+
express使用cookiparser来解析cookie 直接使用req.cooikes.name 就可以取得客户端发来的cookie cookie： var express = require('express'); // 可以直接使用req.cookies.cname来访问cookie var cookie = require('cookie-parser'); // 创建ap
基于nodeJs对cookie的学习笔记
Qin_xian_shen的博客
09-08 1708
Cookie 技术产生源于 HTTP 协议在互联网上的急速发展。随着互联网的快速发展，人们需要更复杂的互联网交互活动，就必须同服务器保持活动状态。为了适应用户的需求，技术上推出了各种保持Web浏览状态的手段，其中就包括了Cookie技术。 网站常常需要记录访问者的一些一些基本信息，例如如身份识别号码、密码、用户在 Web 站点购物的方式或用户访问该站点的次数。 网站为了辨别用户身份、进行
js cookie使用攻略（js、nodejs获取与使用cookie、cookie实现自动登录）
在下月亮有何贵干
11-25 4017
目录js获取与设置cookienodejs获取与设置cookie学以致用-实现简易自动登录前端代码nodejs服务端代码 js获取与设置cookie js操作cookie都是对document.cookie进行操作。 获取这里使用的是正则匹配。 设置时document.cookie是字符串形式例如"name=123"。 expires是设置cookie的期限，形式为new Date().toUTCString()，例"Thu, 25 Nov 2021 02:25:41 GMT"，还有其余设置请自行查阅字
nodeJS设置cookie后，服务端和客户端都获取不到
well2049的博客
08-02 4265
nodeJS设置cookie后获取不到的几种情况分析 第一，是否使用了nginx? 如果，真的只是做个端口代理，是不会受影响的。 第二，是否使用了axios？ axios默认是不允许设置cookie的，所以如果用了，需要你单独启动一下全局设置 axios.defaults.withCredentials = true;//让ajax携带cookie 在入口的页面设置即可全局使用。 第三，n...
tencentcloud-sdk-nodejs-nlp怎么导入uniapp
05-18
要在uniapp中使用tencentcloud-sdk-nodejs-nlp，你可以尝试以下步骤： 1. 在你的uniapp项目中创建一个新的文件夹，例如“tencentcloud-sdk-nodejs-nlp”。 2. 在该文件夹下，创建一个新的js文件，例如“index.js”...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值