node.js(6) session

学习内容

⊙web开发模式

⊙身份认证

⊙在express中使用session认证

⊙session的登录案例(保姆级)

sdfd

在express中使用session

第一步是在项目中 npm init -y 初始化一下

然后再在终端中安装express-session

琢磨了一天,我终于来了...虽然有些东西还是没搞懂咋回事...现在做了个案例理解了很多,但是老师的案例讲的非常的简单,很多步骤都省略了,我打算来一个保姆级教学

这次要做的案例是一个登录界面,当我们输入的用户名和密码正确时, 浏览器会将我们的session储存下来,里面包含着登录状态status和消息msg,表明此次登录是成功还是失败, 当我们进到首页时,就会使用到session里面的信息,比如和我们打招呼,后面接上我们的用户名...反正就差不多这样啦

具体效果:

哪怕是直接想通过index.html的地址进入主页也是不行的,必须先登录

现在就开始吧!

首先就是先准备好我们的项目啦

还是记得第一件事是npm init -y初始化一下!这里就不演示了

首先写我们的接口文件:

app.js

接下来就是各种功能的接口啦,这次的功能共有3种,即登录,获取用户名打招呼,退出登录

登录的接口:

获取信息的接口

退出登录的接口

现在就来写登录页面吧

login.html

script部分:

关于$(this).serialize() 方法,看看w3c的解释:

serialize() 方法通过序列化表单值，创建 URL 编码文本字符串。

就相当于将我们输入的用户名和密码做了一个这样的操作:

这个值就是x-www-form-urlencoded格式的数据,所以需要用

express.urlencoded去解析

最后就是首页的文件啦

index.html

最后启动服务器,然后在浏览器中测试就欧了!

这就结束啦,好开心啊,通过写案例和文章,理解的更深了,感觉很多知识融会贯通起来了...因为写公众号还是要严谨点的,所以强迫自己查了很多一知半解的知识,但是怎么都不亏哈哈哈 : ) 果然还是多动手最重要,打算明天起来再复习一遍!