086-尚硅谷-尚品汇-登录业务（token）

好了，各位同学，那咱们呢，刚刚是不是把注册给他完成了，但是一定要注意啊，是个半成品老师，还是那句话，先把注意力放在哪。业务上。至于那些表单的验证，咱们最后会统一处理。那咱们呢，得先看一下这个业务逻辑啊，你说注册完了，咱是不是跳到登录这。对不，你看嘛。你假如你是个用户，是不是得先注册。注册一个，比如说来个123123321验证码123123走。好，应该是重组，哎呀，再来个139。唰，对不完了，获取验证码一跳就过来。对不？那老师问你啊，你接下来要干什么？登录。对不，那你得收集什么，收集用户的用户名。

收集用户的密码，你是不要点击登录，登录老师问你要不要发请求，要，因为你前台需要把用户名和密码。带给谁？是不是带给福气？服务器，它要通过一些语句查询有没有这个用户。如果有，他是不会告诉你，OK。咋的？你是不是接着干你的活，你是不是就得跳到那跳到首页。就这两个小图。可以吧？那咱们得先琢磨一件事，咱是不是得找到咱们的。登陆组件。找一下登录。在登录这里，那你们要想明白一件事，要不要收集一些数据。腰得收地。你是不是得收集这个用户名和密码一点登录是不是得用。那咱找一下，你看这什么扫描账户。是不是这呢，是不是它底下。那这块咱先给他打折上。

找这。是不是这和这。那你是不是也得收集用户名和密码？那这里也是同样套，你得收集。对的。对不，那一个是手机号。初始值，咱就直接给他来一个空。那还有一个谁是密码password？那处置为啥是为空？那你这里是不是得收集，你收集就得用到谁。We model，那这块人是不是咱们的for？底下这是不是有咱们的we got model，是不是咱们的password？对吧，先别着急先咋的。看一眼你能不能收集？那老你是看仓库还是看组件。对不来瞄眼。没问题吧？那你说你点击登录按钮，你要干啥，是不是要发请求判断这个用户。

是否注册过，如果OK，登录成功，跳失败，是不是弹弹个提示。那也得有登录的这个接口。登录的这个接口呢，咱们也找一下。其实登录应该是第几个，就是第一个。就这。对吗？这是登录的接口，叫lock请求方式POS，咱还没看参参数，你说要带上。附带俩手机号合并。那所以说咱们得接下来先写谁。是不是写API啊，是不是还得写接口。所以说回到咱们的API这。咱们还得几个角。登录即可。那咱们呢，写一下这是它的URLURL呢是它。什么请求？Post带什么带两，一个是手机号，另外一个是。Pass字段，你说能错不能啊啊。

好了，X part。抗。那这回咱们叫什么？叫做re EQ，叫user log。要不要带走？要那这里面咱就直接带谁呢，带你看啊，它地址当中是没有缝和password的字样，带个date。对不，那这块你是不是就是request，说白是不是就as URL，那URL呢，咱搞一个是不是就是它。没API吧，啊没有他有。第二个带的参是不是就对KV一致省略V以及请求post？那你就写完，他写啥呀。你想想，你只是喜欢金没掉，你就仓库发去。所以说咱们得找到谁。仓库。找谁找到？找哪个模块是不是user，我说过登录注册用的是不是同一个。那这块也一样，当然说老师我拆成两个行不行行。

宝宝，只不过老师是不是把他俩合并了？这块人是不是登录业务。这块会涉及到的东西。一会再说token，先认识一下这个单词。Token这个单词是什么意思呢？谁认识？朱老师，我认识token。是吧，是不是说了一句废话是吧？来这样的吧，咱先认识一下这个单词。对。百度翻译。叫token。虽然咱还不知道什么是ton啊，但是你先看一下子啊。啥意思？哎呀。Ton ton。来，老师问你N是啥词？名谱对吧？英语这不名词吗？代币咱也不知道什么叫代币。对吧，代金券对吧，这当然不是名词，形容词，装样子装点门面，敷衍作为标志，你感觉。

老师要谁？标准。老师大概说一下token在咱们行内叫啥叫令牌？OK吗？令牌这玩意怎么理解？老师问你啊，以前看没看过古装片？看我是不是守门的。就是他拿一个牌子进门呢，是不也要拿牌子，或者对孔令对上的是不是进去。对不上。开场。对，不，但是你先别管托问什么，但你要记住这个单词啊，是不是令牌。OK吗？或者叫啥叫标志性啊，当然咱就是先认识一下这个单词。好了，别给你们整，心里有压力，就认识一下这个单词。OK吧，好嘞，那咱是不是得写这个action，这个action叫什么呀？那咱们就叫做user Lobby。那一样，我们是不是得有commit占位？

因为他要带餐，带啥是带对象有手机号和密码。或者叫叫叫叫叫。在干嘛？对不，那你要你是不是得发请求，请求得用谁叫REQ。User login，那你这块是不是也是一样得咋的a wait等待着他成功的结果，你当然带的是带的是date。对不，那这玩意咋的。Think，那这会儿你是不是得等待它返回的结果？那你猜他问的结果应该是啥，是不是得告诉你登录成功还是失败，有没有这个用户。哎，综合是不是这个道理。要么成功。要么失败，你得告诉我，成功了，我是不是得干别的事儿，失败了，你是不是得干别的事？对不？那老师问你，咱现在能派发这个action。啊，当然说现在一点，老师怎么跳，因为它是个A某点。看这路径是不是明显不对，对吧，你看一点他也能跳啊，一会再说，看着那这块要是咱现在能派发action。

不能，那咱是不是得找到这个按钮。咱看一下这个结果是刚老师打没打没打印码来，咱给他这个服务器返回的东西啊，给他打。打印一下，那咱找到这个按钮，按钮咱找一下应该是找谁找咱们的views下的这个。我不知道这回调写没写。没写没写，咱们得找到这个按钮叫登录。是他吗？看一下。对，中间有两个画，是不是就这咱俩来一个呗，艾特谁？Click。那这个咱们叫啥名呢，就叫做。叫啥呢？叫user。Lock。OK吧，那这没这个回调咱的是不得一下。来看methods。这块咱先标一下，这是不是应该是登陆的回调。登录的回调函数，那这块咱是不是叫user login是不是就是它。

咱这块老说你我先测一下，我先打一个123，你先看看有没有问题。来，别说没有，万一有。看好登录。就这老师啥都不听啊，你看一点。123没问题了。No。为啥？也就是说它这个结构好像。有点问题。就咱这要说一点，咱啥都没做，咱直接跳了对不对。那为啥呢？看一下结构。Four。Form应该知道是有默认行为。你得把谁给我干了？Action action是不是你表单收集的数据提交给谁，这明显是不是经跳，这咱先给他删了，你看它行不行。再看一下来，再回来。

登陆。是还是不行。为啥？你是不是得把form的这个这个默认行为，是不是把这个默认行为给他给他搞定。还知道吧。那咋阻止默认行为？咋阻止默认行为？学没学会修饰符？学过吧，当然even是不是也可以处理even.prevent什么什么default，那但是咱是不是学过修饰符点谁。Raven。学过吧？这是干啥的？阻止末日世界。还学过学过一个叫。是冒泡那泡啊，这回咱们再看。来看这啊老师再讲一下。哎，别看你同桌了，绝对讲过。8080。

看这走，你看这回只要出个123，这是不对。这能懂不好嘞，你说咱收集完这玩意儿，你要干啥，是不是要登录好。那你要干什么？你是不得派发action。但是发之前你要。你是不是得拿到这个这个这叫啥来着。呃，For。还有谁password谁this，但是咱还先简单判断一下，因为至少你这个for啊。你得有，而且谁，而且你password也得有，你才能咋的。你是不是才能派发，咱先不先先做一个简单的判断，这能懂吗？你啥都没有完，你发请求。那不行的，这哪有啥是不起啊，咋的这是点Dollar。Store。To start蒂斯。PA dispatch这玩意叫啥？是不是他呀。好像是。看一下对不，那咱们试一下啊，看这。

咱也先不注册，就随便一个，因为我刚看了123 123有人注册。123123走。好家伙都没注册，你说是不是失败了？对吧，反正这没说他是不是服，可以告诉你登录成功失败。那失败是不是201？成功意外是200，那这个咱就先聊圈，先打的入册。来个手机号。189。三四五六七八九十十一。这我应该能记住。对不密码123123189。哪个啊，对，聪明。登录，那这回不是住了，你是不是要登录还是。密码啥123吧。好像是走。是123。啊，对，没带餐。

对不啊，没带长啊。好了对吧，所以说这块得带个餐，这是谁。啊和谁password这我是为什么刚注册完的不对，这回再看。他。123走。但你看不看200是代表分工。再试你看它返回数据里面的东西。我打开了啊。有一个东西叫啥叫name。你是不是你这个用户的名字是一样。还有个UID，这不重要，有个东西很重要。老师，咱先先问第一个问题。通肯，是谁给你？就是这个是谁给你。不是咱自己造出来的UUID当年临游客的临时身份是不是咱自己造的，前台自己造？

因为你加入购物车之前，是不是得告诉服务器我是谁，是不是自己造的，你看这回你注册完了，你是不是已经这个网站的用户啊。他也要给你一个啥唯一的标识。但你要注意，这个token是啥，是你这个人的唯一标识。但你要注意这个图片是谁下发的。福气，为什么？你都柱子，你想你是先砸的。你先注册的，你这个用户信息是不是服务器已经有了，但是服务器为了区分开。你是谁？他是不是给下个图。Token是你这个用户的唯一标识符。这能懂不？这能不能走？所以这块一定要有一个东西很重要。做一下笔记，但是这个拓课呢，老师呢，还是得说说这个东西得。说说，因为这玩意工作当中天天用。呃，笔记呢，在这儿就这四点几不是注册啥了，登录了看着获取验证码，咱是不是都搞完了这。

这把老师给他干掉了啊，看这咱是不是在搞登录呀。这块要注意一件事，什么事？你登录的前提是你得先干啥注册。你注册的时候老师问你，咱写过一些数据库，写过服务器。你说你注册你是不是得通过啥。数据库存储上。用户的啥信息，比如说啥名字和啥密码。对不，那老师问你，你已经注册了，是不是我整个网站的一个用户。诶，对不对，对吧，那你看那当你登录的时候，老师问你，当你登录的时候，你有没有注册，注册过了，那你会发现一件事什么事，当你登录成功的时候。后台为了什么？

为了区分你这个用户是谁？他下了一个啥。谁下？服务器。N服务器下发一个token token这玩意叫叫令牌。这玩意儿很重要。令牌？什么叫令牌？说白了就是你的唯一的啥？标识符。举个例子。比如说你想这块一定要注意啊，这块老师得说就是这个接口，就咱当前这个登录的接口。做的不完美。什么叫不完美？正常你在公司当中登录之后，他只会给你投一般用户的信息，不会给你。听得懂不？你是怎么做？一般情况下是你只给你返回一个token，你拿着ton。找服务器要啥？要你的用户信息，但是咱们后台老师直接巴掌。用户信息也返回过来。OK吗？这块要去咱这个接口做的不是很完美，就是一般是咋的，一般你登录成功。

服务器会咋的？服务器会下发偷看。将来你前台是需要咋的？前台是需要持久化。存储投。为啥？因为你要拿着这个token找服务器要啥？带着token。To啥呀？KN带着token找服务器。要啥要用户的啥信息进行展示，但是咱这个接口是把什么就给你返回过来了，用户信息你就假装没看见。而且你不要把头盔想的很高大上，我问你这玩意跟UID造出那玩意是不是差不多？就是一个随机的场。随机的字符串。OK吗？而且有很多网站在用token，你看老师举个例子。

就这玩意，你必须得给我理解。你看。老师呢，给你们找一个网站，咱看一下就是K。看能不能登进去，先试一下。先把这玩意先给理解了，就是这个get get her，就这个玩意，咱以他这个玩意举例子，你看啊。就不知道能不能登进去。哎，或者马云。代码的吗？我带去。马云。看啊，咱看一些网站你看啊。就比如他这个应该能登进去吧。好，你看这儿。我退出登录。从哪退出动物？你看。来，你看这儿。老师问你啊。先别问了，先让他跑起来啊，看这，你给我举个例子啊，盯住控制台看这啊。当老师一登录，你看我是不是要登录没问题吧。

账号多少？这很尴尬。应该是手机号，哎，这是有啊。一个手指。在这出来了，你看就假如说老师要登录，你看啊，我要登录你就盯住这。呃，盯住这个application。你看啊，咱一会儿再说你看啊，咱们先看一下啊，咱也不知道是哪一个。看一下啊。行，先给他打清了，这也给他打清了，看啊看他是不是用脱口做看走点击登录。但是我居然没没个懵啊。稍等一下，我看这玩意儿我也没个懵啊。不行，登一下get getate那个好找，看着咱get，咱不一定能登上去。

给他谁？看着。登进去。老师，先暂停一下。好嘞，咱登进了这个guitar号，看这啊老师先打。我先退出。看这啊，你给我盯住了你看。一定要记住一件事，什么事？Token是谁下发的？服务器老师先把这钱全打了，先清了先清了，就这所有东西全清，你看啊。哪个是动物？这些。Maya。应该是。等会儿不管谁先点就能进去再说。

进不去。有我，但是这个网速不是很好。好了，那这个各位同学老师得说一下，这个确实跳不进去了，咱这个网速确实进不去了。这里呢，老师呢，得说一下这块一定要注意。就是当用户一登录的时候，就假如说登录了，你会发现他是不是给咱下发了一个token。那一定要注意一件事，什么事，咱经常拿着这个偷看找服务器要啥。叫数据。要啥数据，就要你用户信息的数据。比如说你叫什么智能动工，但是咱们这个接口做的啥是你一登录是不是把用户信息已经捞到了，但你要注意，工作当中一般只会给你个投N，但你不要把投Ken想的很高大上，他就是一个啥。

它就是一个字符串，只不过这个字符串不会咋的。的。你想当年的是这。只不过UID老师问你。是服务器下发的。不是，是咱前台自己造，给服务器带过去，而这回是谁给咱返回的？服务器。OK吗？这里面呢，老师呢，就举一个例子。什么例子，你看啊，你琢磨是不是这么回事？就跟咱当年那个看门，就是说古代是不是有打仗了。是不是有那个手城门的。你可以把头理解为什么就是那个。令牌。就古代时候打仗，是不是他拿一半，你拿一半。你通肯对上了代表什么？你是自己人，你能接着干别的事儿，对不上。你就咋的了？

你是叛徒，直接给你咔嚓。懂不就是token对于咱们前台开发它是很重要的事啊，是某一个用户的啥唯一标识。O不OK。OK吧，那所以说来看这那你偷要不要存储。有，那所以说来，你看这。这块一定要注意啊，这块一定要注意，那咱们看一下咱们仓库，这你看啊，咱是不是已经拿到偷看。哎，拿没拿到，拿到你要不要抽一下有。对不，那所以说咱们还得判断怎么判断，就是如果。result.code等等于多少200，你一定要记住，Token主要主老师给你写上，就是服务器下发的token，它是什么？是某一个用户的啥。唯一啥标识辅助跟咱当年谁很像？UUID，但你要注意，咱们经常做一件事，啥就是将来。

经常通过带谁带token找服务器要谁找服务器要要啥要用户的啥。信息进行展示。朱老师，什么叫用户信息？就举个例子，你登录时候名字叫王三，那我问你，你跳到设置是不是也得找展示王三？你跳到这儿是也得展示红色，这能懂不？你要用无吸机，得带着谁去脱？OK吗？不OKOK，就是张三有张三的，李四有李四的，每个人的标识是不一样，要到的用户信息也是不一样。这等等。好吧，好嘞，那所以咱们存一下，咱先存呗。那就说你这块在哪考。哎，Commit com MIT commit，那这块咱起个名吧，咱叫啥就叫做user。Log in，你存的是造点，对。

对下的谁，Ton？对，不因为这个date法，而是一个对象，对象的ton是不是才是那个病啊。那老师问你，你要不要让这个函数返回一个状态，是成功还是失败？叫成功的是不干成功的事儿，失败了是不是给定提示，所以这块你也别忘记要咋个啥。OK。对不，那else，你那个啥失败。对不，那就是它的一个pro Miss点，那这个咱叫new一个这块来谁。换。那你拿到了用户的头之后，要盖上三连。还。对不，那咱就接着写吧，看这。是不是这？这块写一下就叫user。Log in，那这是谁？是不是state？这是谁？

就是一行代码state，点谁token等于token，那老师你这是不是也得来？To的初始状态应该是空，将来服务器数据返回是不是进行覆盖？咱们先咋测一下。来看这走。我忘了那用户名是不是，他密码是123，咱们先看一下咱们的仓库。你看一下盯住了啊。看这啊。应该是谁是被下的。User下图现在是空，你看当老师一点击登录看这啊走。有没有？有了。对不对。对，但我这些事咱后面再说，老师问下，因为。Vex存储数据不是持久化。知不知道？这都不知道好吧，就是一刷新没了。

这能懂不就一刷新就没了，你看嘛。对不对。你得知道一件事，VIVO1插存储数据不是持久化，你看我一你看吧，咱就举例子，我一刷新，你看啥都没了。你看我一刷新，Gets是不是全没了？对不对，而且你看这个是一点，你看有没有。有是不是派发action发请求了，No token是不是存一下。看着啊，老师给你看一下这件事得知道。你看现在有。有没有有我一刷新。没了。对不？你先别管他是不持续化，但是你现在得知道一件事，偷不是有没有一场存储数据不是打的。是九八的。好，那假如存好了，你登录成功了，你只要有。

你是不是登录成功了。你说这句话对不对？哎，老师问你这句话对不对，你只要有token，因为服务器反应想成功是不是带token，你只要有token代表啥。什么成功？登录成功这句话对不对，对吧，那你一登录成功，老师问你要干啥。跳到哪，跳到后面，现在按这个逻辑能跟上啊，那所以说你这你该咋的。在这儿你是不是得判断？在哪是回到咱们的这个路由组件这。找这个。是不是？是这。这句在哪，是不是a wait？这块得咋的，A think。那如果说你登录成功，你是不是就得写这样try catch，那这玩意是不是登录成功。登录成功，那你要干啥？你是不是得进行路由的跳转，跳转到哪去。

你是不是得跳到后面去？哎，走这儿。对不就登录成功跳转到哪跳转到。想一下啊，就是跳转到后首页。写了吗？这点Dollar。Root点。Push push谁呢？告。Home。对不啊，那咱们先看一下那这块如果失败learn a点。Message。那咱们先看一下，就是现在按照咱们这个逻辑，一点点走，你看啊走。老师，输入一下用户名是不是他密码不是189。呃，八个上12345678，密码123走是。对不，假如说你这块的你看。

又不没。幺八九三四五六七八九十十一密码是234不对吧。是不是失败，这能懂，那如果说你登录成功了，你是不是跳到首页。没问题吧，他调到首页这种状态对吗？不对呀。你如果登录，你这块应该展示的是谁。用户名和退出的。左左是不是这个道你看嘛。刚刚是不是注册了。幺八九三四五六七八九十十一。123。你看如果登录成功，你看展示是不是用户名，我退出登录。对，但现在老说你登录成功了，能到用户信息吗。能不能？你打了？你得带着谁token找服务器，要用无息是进行展示。

对不对，对吧，啊。所以这块呢，咱先不做了啊，咱回来的时候再说，但是这块一定要想明白一件事，就是谁就是这个偷。老师，在这我还是得多说说。来找找一下这个道。就这。这块一定要想明白一件事，什么事，Token是啥？是用户唯一的标识，而且你要注意是谁下发的服务器，为啥？因为你已经注册过了。服务器已经。拿到你的用户信息，他为了识别你是谁，是不是下发拓。这能懂不？老师呢，还是稍微画一个图。别搁这想，这是啥？这是不是前台？这是后端。老师问你啊。第一次他是不是得先先注册。诶，是不是先注册。

你注册前台老师问你是不是要带着一些信息给服务器。对不对。对吧，那服务器是不是得存储你的信息，就比如说张三的。对吧，当然也得想要回来，这没问题，这是不是注册，这能懂不？那当你登录的时候。你登录这是前台啊，这你登录。你是不是也带着一些用户名和密码，把谁把你的用户名和密码是提交给谁。福气。后台。对不对不对。那一查有没有这个人，比如说有带手机号或密码。有没有这个人有他是不是告诉你登录成功。但是在你数据的时候前下发了一个东西。偷看。这个token是为了干什么？你如果已经登录了，你再发请求是不是我就知道你是谁。

比如说将来你再发请求，你你已经登录之后，你已经有投了，你再发请求。你前台，你是不是已经知道你是谁了？你再发情，你得带着啥上去？头肯，我是不是才能知道你是谁？完捞相应的数据，完服务器再返，这能懂？能懂的，而且你别把他想的很高大上，就是一个啥。字符串跟UID是不是没啥区别，但UID是不是咱前台的。为了识别你是谁，但通是谁下发的？福气。OK，不？而且还有一件事儿。我的乖乖。这件事你必须得知道。VVX存储数据是持久化。这件事你一定要给我知道。说token是令牌。怎么理解，你就可以理解，为什么呢？就是比如说定娃娃亲。只要定娃娃亲。

是不是有那个你一半我一半，拿对了是不是就是就成亲了，拿不对就。对吧，是一样的理，就是说白就知道你是谁对吧，这块呢，有一件事老师得说一下，这一定要注意。这件事我不管你以前知不知道，你千万必须得做V叉仓库存储数据。一定要记住不是啥。不是持久化。变不了。这一库存数据是持有啊是。不OK，因为你一刷新，你会发现仓库当中的有很多，你看很多的这个个这个数据数你。你咱就举个例子，现在你看老师给你点个遍。走。看这现在是哪，是不是搜索页。没问题吧，你先看仓库啊，仓库当中看这首先说后面现在是不是有数，但你跳到哪，是不是跳到色置。

40有没有？有没有有，你看老师一刷新。来再看一下。谁没了？Home，你看这是不是都都没了，有些时候没了，它不是持久化，这一定一定要。OK吧？