00:00
你好。接下来我为大家讲解一下我们的这个代码是螺实线的。和一些功能的一些逻辑。如果你已经复制好了，我就说你直接就给它复制，如果复制到你项目里面，你的项目就会直接变成这样子，这就已经打小了，然后接下来就是看后面的一个小程序端的一个文章，那接他，然后扫码它进行更进行授权或者取消这个就OK了。那么在这里我们。直接复制这前面的两两个元素代码复制完成之后。它里面的那个实线我是没有给你复制的，你要看完这个视频之后，你再去往后面一步步分的。努力开始。那么一开始我们是需要定义扫码状态的，因为在后端我们已经定好了前端你要相应的定义，如果你是在实际的开发当中，你肯定会去请求你公司的那个后端的那个字点，对吧，就这个字点，你就会进行请求它，我们这就定死了。那么在前面的章节，我们这讲过了一个超时状态，前面的字段中都是有的一个超时状态，前面有特殊的题目，我这在提一下，在前面的这个目录当中，这里我说了个共用取消状态，这里说的共用取消状态的意思就是共用取消授权的那个接口，发起那个接口直接用它就行了，那么前端的那个超时状态我们还是要定一下的。因为你要区分是我倒计时归零之后，它是超时的，然后如果你是小程序端主动的那个取消授权的那个状态是不一样的，那么现在我的一直就是没有对应任何操作，那倒计时归了归0了，6时没归零了，那么就是扫码超时这个样子也可以打。
01:12
那么然后接下来就统一管理一下这个变量，这是前端你有必要的，你就可以把这些东西枚举发到一个对象里面，你可以当做他是对象。放在最下一面这个字段里面就是有个扫码状态字段，然后存储二维码字段，这个二维码在后端我们也是4讲不了，我们就直接返回到64编码，六四编码前端就可以直接对集训了，我们就直接用因为几的这个标签，那就能直接渲染那个图片了。然后有个是否扫描成功的字段。这说有什么用呢？用在这用来判断，如果你是plus，那么就是初始显示我们要扫描二维码，当你扫描成功之后，那它就会变成出，变出之后取反的嘛，取反就直接走后面这一这一大块东西。揉面之后，第一块里面还有例，就是一服钥匙，钥匙里面切换一相完里面就有变量，这个变量就是我们的一个动态函数，动态变量，动态字段我们会对它进行更改，就比如变成等态中扫码状态成功或受用人工等，如果等于这个枚取等于这个枚取状态，它是取消授权的，或者。
02:01
呢，它是超时的，或者是取消授权，就直接显示这个图标，平常看到这个图标，并且。二维码是李过期的文本，就大家判断一层。如本的状态是超时的，那么就显示对应的超时的这个文本，如果你是已授，已取消授权，就显示你全授验证文本，如果你都不是都不进来，那么就肯定是成功了嘛。就直接显示微信扫码成功。那么我给大家演示一下微信上网成功。这里面正常就是用户手机扫码，我们这里需要成功方便用文来开发，然后直接是微信扫码成功，请在微信中确认授权扫码已扫码，等待认证，就等待我们小程序上进行授权成功的认证结算管逻辑下面呢状态文本，这里是我为了方便显示每个对应的状态，我给他可以写那个，就下面这个你可加格不讲。这里的class就是它的是动态格class，动态class这里有个计算函数，这计算函数就当你更改了。这个对象里面的这个。他就会。重新执新一下，就重新更新一下，然后你是哪个，你你等于哪个，你等哪个，它就返回对应的那个字段的。谢谢。返回之后，我们定义了一个class。每个卡拉手是不同的状态，一个是等待，等待这灰色能够成功，就是隔绿色能是变的，那么也是灰色，我们默认我就给它搞黑色，如果因为它已经是扫码成扫码的那个成功状态，如果你搞成绿就好看了，然后最后就是超时的或者取消的，我就给给它搞得红色了。
03:10
那最后就会底部操作，底部操作就是当你超时了或者取消了，你就应该给他整个刷新二维码的那个按钮，或者让用户自己主动去刷新，或者你看刚显示的按钮，直接点一下刷新，这就重启口，那么刷新模式相等，刷新就是出刚开始我们就要全部出错了，就跟那个一样。这里这就什么要一个可定loging time吗？因为可能会有残留的那个电时7分5的一些数据，我们就放着一就放走了，就直接一方问题，那么就1LOG进给它重新初始化一下，就重新来编译这个流程。那么大致就是这个逻辑，是不是简单？当用户授权成功之后。这里的检查主要是这款逻辑。争取查登录，根据判断他是否登录成功，如果你是已扫码，那么就把它打开，就可能抢功的，可能变成出的取犯，就是后面的逻辑，如果你是用户扫码成功，就这个success，这个就是表示用户已经授权了，小时段已经授权成功了，志愿者我们就会走不同的函数，我特意给他分的这么细的，方便你们来查看。然后状态给病人一下，然后定时任务给他暂停一下，给他清空一下。然后我这里就特意给他搞了个呃，跳转新页面，但我这里还没写跳转新页面，因为我们还没写小程序端嘛，我就先写到这里，2秒后我就直接跳转到index页面，并且发出了一个事件，事件就是嗯，这个data data就是你后端登录成功的凭证，比如talkn啊什么什么的，那是你自己喜欢你的事，我这你就直接你写好，我就方子看你自己要怎么用。
04:16
然后搞完之后，这就直接再主动再发起一下那个取消，就让他直接删除删除缓存就行了，因为正营其在类是前面已经删除了阵营，以防问你。那么。就到这了，其实逻辑很简单，主要就是你清楚，就每次检查检查一下萝卜头的状态，对应对应什么操作搞明白就完事了，这个就是取取消授权，小程序端取消授就走的这个。一样的逻辑。我说你演示一下整个流程吧。第一步修改，修改成什么，修改完成之后。否则我这我们这就是进行取消录制好，那么就是用户取消认证，这就是我们够用了，就直接用这个算了，或者你可以搞不同那个，那么本次PC端的代码业务就到此结束。
我来说两句