前后端分离单页应用开发——王者荣耀手机端复刻(技术篇)

前言

今天差不多把整个仿站项目做好并部署好了,除了一页前端界面没有写(界面太复杂,写的我心累)。本来这个项目是跟着一个教程写的,但是在看了几节课觉得看视频太拖拉了,然后就基本上自己写了。可能有一些前端组件的设计不太专业,但是我自我感觉复用性还是勉强可以接受的。但是项目中的CSS的代码确实存在很大程度的冗余。

前后端分离单页应用开发——王者荣耀手机端复刻(后台篇)

聊聊前后端分离架构

先来写一下我理解的前后端分离。再说前后端分离架构之前,不得不提两个已经略显过时了的名词,就是B/S架构(Browser, Server)和C/S架构(Client,Server)。这两个有着本质区别的架构方式,也是传统软件工程中常常使用的架构方式。

  • 对于B/S架构来说,就是客户端为浏览器,浏览器负责渲染从服务端传递过来的一些HTML,CSS,Javascript代码,也就是说,所有的代码都是托管在服务端而
    不是浏览器中,浏览器只是起到了执行代码和一些其它作用,而在早期的软件工程中,也确实是这样的,JavaScript解释引擎决定了这个浏览器的使用体验,例如Google的V8引擎,Safari的webkit引擎,这就是早期浏览器的基本使用。
  • 对于C/S架构来说,比较典型的就是像Office之类的桌面应用,它不依赖于浏览器,而是直接在你下载后,大部分的代码都是跑在你自己的操作系统上。

使用express实现注册登陆接口,以及jwt的使用

首先贴一个项目地址

技术栈是express+mongodb+cors跨域方案解决+jwt token令牌

1.需求分析

  • 注册(username唯一性)
  • 登陆(使用bcrypt加密)
  • jwt令牌登陆态控制
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×