首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

使用NodeJs(Express)搞定用户注册、登录、授权

首先做一下声明,本篇博客来源于BiliBili上全栈之巅主播Johnny的视频[1小时搞定NodeJs(Express)的用户注册、登录和授权(https://www.bilibili.com/video/av49391383),对其进行了整理。自己跟着视频做,感觉收获不少。 最近在学些NodeJs和Express框架开发后台接口,Express 是一个保持最小规模的灵活的 Node.js Web 应用程序开发框架,为 Web 和移动应用程序提供一组强大的功能。看到B站上全栈之巅-Node.js+Vue.js全栈开发深度爱好者和实践者,感觉Johnny博主的系列视频讲解得不错,其中看到一个视频是1小时搞定NodeJs(Express)的用户注册、登录和授权,介绍了在Express中怎么做用户登录和注册,以及jsonwebtoken的验证,需要在系统中安装MongoDB数据库;于是在自己的Windows10系统下使用VSCode跟着做,前提是要安装好NodeJs和Express开发环境,以及在Windows系统中配置好MongoDB数据库,关于在Windows下安装MongoDB可以参考菜鸟教程中的Windows 平台安装 MongoDB和windows环境下启动mongodb服务。

01

使用node+puppeteer+express搭建截图服务

一开始我们的需求是打开报表的某个页面然后把图截出来,然后调用企业微信发送给业务群 这中间我尝试了多种技术,比如html2image,pdf2image、selenium这些,这其中截图 比体验较好的也就selenium了,不过我们有些页面加载的时间较长,selenium似乎对html互操作性 也不是很完美(通过Thread.sleep并不能完美的兼容绝大多数报表),另外还有一个比较要命的 是Chromium渲染出来的页面似乎也有不同程度的问题(就是不好看),当然后面一个偶然的机会在 某不知名网站看到有网友用puppeteer来实现截图,遂~,一通骚操作就搭了一套出来(虽然最终方案并不是这个 ,当然这是后话哈~),这里就拿出来说说哈~

02

cookie 和 session 原理

cookie + session 是为了保存用户状态信息的。比如这个用户是否已经登陆,如果登陆了就给这个用户推送一些信息,比如他最近买一些东西、他的购物车、他最近看过的文章或视频等信息。因为 http 是无状态的,所谓的无状态就是说每次请求完成后,不会在客户端和服务器上保存任何的信息。对于客户端和服务器而言,根本就不知道上次请求的信息是什么,甚至不知道本次连接的对端是不是上次连接的那一端。也就是说即使该用户登录了,但 HTTP 本身并不知道是哪个用户登陆了,HTTP 只处理请求与相应。因此如何知道一个用户登录了之后,后端能知道是哪个用户登录了,这是一个问题。

03

玩转服务器---运行环境搭建

前面两篇文章,讲到了云服务的选购,以及域名的注册备案,那么我们项目上线的准备工作其实已经完成一半了。下一步其实就是在服务器上搭建我们的运行环境了。每个人的项目可能运行在不一样的环境,所以在这里我不准备一一介绍,我在这里以我的环境作为示例,我的个人博客后端服务器采用Node.js + MongoDB,所以环境搭建:Node.js + pm2 + MongoDB,前端我采用了Angular框架,因为前后端端口不一致,发起请求会跨域,所以我安装了nginx服务器,将前端项目打包后放在nginx的80端口,每次前端发起请求请求MongoDB数据库的数据, 就通过nginx反向代理,代理到4001端口,去取到服务端的数据,然后返还给前端进行页面的渲染。

02
领券