00:01
哈喽,小伙伴们大家好,我是德玛哈士奇,呃,上个视频呢,呃,我们是最后尝试了一下那个。我找一下这个就是我们新建了一个模板的页面,对吧,新建的这个。啊呃,新闻不是新建了一个一个新闻页面对吧。就是我们通过这个新建的这个。新闻推页面,那这个页面呢,我们先暂时告一段落哈,我们还是先完善我们的这个。这个用户用户这个登录页面哈,就是完善我们的登录页面。可以看到就是我们这里呢。啊,点击这个登录啊,看到这里可以微信QQ还可以一键登录的。由于这里就是我们暂时呢。这个。ID用户体系里面,它没有这个。呃,封装那个QQ的登录,如果我们要使用QQ登录的话,就需要自己去QQ那个看平台。
01:05
就是QQ小程序这些,你看一下这个。登录的一些文档需要需要自己去操作QQ登录的话,你需要去那个QQ。呃,互联就是QQ互联开发平台去申请,去注册一个应用去申请,然后可以拿到这个就是那个就是。密钥哈。包括这个微信,如果你的APP想要微信登录的话,也是需要去这个微信开发平台去申请的,但是调试环境下是可以的,因为调试环境你这个是HVX对吧。好,我们来看一下,就是我们之前就是这个灯啊。嗯,我看一下。这个灯。登录我们之前是有QQ的,我们现在把QQ给这个注册掉,因为我们用不到QQ对吧。看到我们这个。
02:01
我们如如果是这个H5的话,它是不显示的是吧,因为他没有这不支持这个环境的话。我们通过获取这个服务商对吧。但是我们通过这个。手机就可以看到,他可以给微信登录,也可以一键登录对吧。但点一下是没有任何用的,因为我们现在还没有整合是吧。好,我们来整合一下这个这个视频,主要就是讲一下这个微信登录啊,还有这个。呃,一键登录啊,一键登录的话,我们这个可能演示不了,然后我们把这个手机验证码这个给给完善一下。然后这个项目基本搭建就完成了,我完成之后呢,然后就开始就是把内容给完善,把我们的那个。那个新闻的列表给完善一下,把那个评论我们也也给完善一下,慢慢做嘛,把收藏和关注也给做一下。啊,那好,我们现在就是要整合这个微信。
03:00
一键登录,以及这个手机号验证码登录,对吧,就是手机号验证码,我们先看一下手机号验证码是什么样子的呀。啊,这他这个点击事件,我看看是什么样子。嗯,这这是用到这个检查他是不是手机号啊,这是什么,这个是。啊,可以看啊这个。我去给他找一下有没有。里面有一个什么呢,可以看到往底下拉有一个这个。规则校验。这个是否是手机号啊,可以看到这个。Mobile啊,就是这个就是检测师傅手机号。如果是手机号的话,让他转那个扣的页面,如果不是手机号的话啊,就不要算对吧,而还有就是这个路径是不对的呀,这个路径扣的很明显路径是不对的对吧?那我们可以改一下这个扣的路径啊。
04:04
我们也可以试一下。To,我们to URL这里可以显示我们的扣的路径,看扣其实就可以了是吧。我们也可以改成我们先不用它那个对吧,我们直接用那个用UN to,我不知能打图啊,就这样,如果是手机号的话,让他就是跳转他这个页面啊,因为我我们。看一下是什么样子的。啊,不知道这里这个认为你成功没有啊刷新。我看一下数数一个一二三四六七八九十十一。我这我我这打印一下,看看它什么结果啊,这个微信小程序打开的时候它就卡在这里了。
05:01
应该没问题啊,那个热身热身更新可能失败了。Mute,应该mute。啊,那我们通过这个手机这里看一下吧,一二三四五六七八九十十一。嗯,我想一想啊。嗯。两个手机号,我看看一下我的那个。找个负号吧。暂停一下,找个手机号。呃,可以看到这里呢,就是我找了个手机号,然后我们呃,获取一下短信验证码,可以看到进到这里了,呃,这里呢,我改了一个东西啊。呃,之也没有改,我把那个刚才给删掉了,就是如果你是手机号的话,它就会返回处啊,不是手机号就会返回F,你把那个。验证码这个。
06:01
这个嗯,页面给注册了一下啊,不然进不去,点了后也是可以的,我们现在呃,输入之后看看进到这个页面了,对吧。就穿那个官方模板自带的那个扣子。我们可以看到这个扣里面是。还是几秒钟啊。更要获得结论嘛,是吧。这个生的。它底下应该是有一个那个默认,我们把这个改成六十六六十试一下,六十六十几颗。我来试一下。就变成60秒之后重新获取验证码,对吧,然后包括这里呢。对,看那个长度是不是四位啊,呃,我们看一下我们之前那个。云海写的写的我们验证码是几位啊。这个发送手机验证码的16位,16位的哈,我们16位的验证码。那这里呢,我看一下。
07:04
它这里make是四,我给它改成六,然后这个。四个改成六。啊,我们重新试一下,看看是什么样子的。六位了,六位不好看了是吧,那我们还是同样改成四位吧,还是四,把这个余函数的这个改成四位减四啊。自己考。然后我们这里这个生的S库的对吧,这个我们给。他重新上传部署一下,然后这个。测试的时候我们都连接原函数啊。四维对吧,这个。然后这个他他还有就是传这个默认手机号,我看一下嗯。这个其实我们我们也可以啊,这个我们怎么这个我们怎么改呢。就是我们可以通过这个接收啊,嗯,比如说上一次我们我登登登录的时候不是要输入这个手机号码吗。
08:04
这个。对吧,我们可以就是把泰给。跳转的时候传过来对吧。还有等于。这样才有对吧,传过来之后,我们要在这边接受一下,对吧,Onlo这个这个OPT。就是那点,我们要我们也写一个太阳。然后呢,Next点这个ta对吧,嗯,等于OT。呃,首先呢,我们看一下它是需要前三位对吧,还有后四位,因为我们可以设一下啊,就是黑。都这个我们哎呀也可以,然后三个对吧,三个剩下是几个啊,然后是四个,因为手机号一共是11位对吧,一共是11位。1234啊,我们再加一个。Op a ta。
09:02
点这个。就BTR。零和那个。ot.L点对吧。那呃,减四。想应该是可以的啊。我们同样来试一下吧,这个这这个地方我们把什么给它改,它改成。这个他有。然后这里输入一下手机号。看可以变成这样了,但是这个应不应该从零开始啊,因为我们是从这个负四对吧。那他变成这样对吧,就是隐藏着中间四位。验证码。我们看一下啊。我看一下。然后这里有一个就是。
10:02
收不到验证码选项,还有就是这个。每隔一秒钟,然后是这个倒计时,对吧,倒计时。然后如果这个倒计时到的时候,刚才这个那4.12那一出,就是刚才我们倒计时之后,还是那个秒钟测试的时候经看到了啊,然后我们这个把它完成啊,把它完成。非常庆幸,时间就是还有这个分析师,就是完成验证码的最后一位执行。要几秒钟完成,看看什么样子的啊。呃,可以看到它验证码输入错误,是手动输入收到验证码,点击这里点一下它会弹出对吧,我们这里呢,是不写这个按停语音验证码的,那就直接给他。就是。呃,重新获取验证码啊,我们重新获取验证码。这里是他他那个纯序密码,应该是没有点击效果的吧。
11:04
啊,那我们不管,我们就是看那个分析式啊,看这一个分析时间,就就是刚才我们大家说的这个输入完成之后。完成这个最后有验证哈,这个我们可以看一下。输入完成之后是什么样子的啊,一一告诉我们分分进式L11对吧,这个很明显这个V就是一一,就是我们的验证码。那好,我们来这个测试啊,首先呢,我们还是要把这个短信验证码是真的给他发送,不是假的发送,这就涉及到这个log这里面对吧。这个里面手机号确认他的手机号了,我们需要就是发送验证码了,对吧。然后否则的话就嗯这个否则的话,我可以告诉他这个验证码输入错误对吧。那我们这里这里可以用到这个,呃,这个U的。底下有有那个找一下消息提醒吗?看看这有个ER,然后可以告诉他,就是把这个怎么用直接复制过来。
12:07
他这个组件里面再加个地方,然后。这里写什么写也就是他这个,你这不是手机号啊。他说可以几个代码格式化一下,告诉他这个。格式错误,然后这个改成E。这个U是自动跳转的,我们不我们不啊是E对吧,那我们来试一下。格式错误对吧,然后这里呢,啊,我们续我们继续,那我们要干什么来着,我们要就是发那发送验证码对吧,那我们就要写了s.IQ。s.IQ对吧,IQ。啊,我们我们看一下这个,二是kiss是这个。
13:01
对吧,就他。真的酷的,我们这个X就是它,然后我们需要什么参数,就只需要这个mobile对吧,就是需要一个mobile。呃,我们就在这里传一个叫什么叫。Mobile。然后我们等会看一下这个回调世界。好,写好了。手机号我再看一下是多少。这样我验证码。啊,这一步不好意思,这一步应该在它里面啊,说这个呃,因发送成功了那个啥对吧。啊,这里就是发送短信码,这个扣的是零,代表短信码发送成功了,然后啊,这个告诉我们手机号,然后我们跳转了对吧。
14:07
那我这里呢?你收到这个验证码了,你收到这个验证码了。但是现在我们用不了啊。因为我们还没有写到验验证事件是吧。这个我先复制一下啊,先讲,呃,证明我们这里可以跳转了,那这里呢,呃,也是为了别人的感官好一点,嗯,我去这里。点个什么呢,用条ing啊ing。就是加。就就是正在发送,你也可以写一个写个这个T,呃,不写也可以,不写就转圈嘛,转转圈也也是可以的,那这个请求成功之后呢,我们让他这个S楼顶就是隐藏一下这个这个加载框啊。现在下一步就我们要验证这个。呃,这个分析史之后啊,嗯,我们就要验证这个这个玩意儿是不是,呃,验证码提不对,对吧,是这样。
15:03
这个IQS啊IQS知道吧,IQ。嗯。看一下这个是LOG8SSMS对吧。写的对不对啊。那应该是的,就要这个手机号和这个验证码对吧,那我们就传手机号和验证码,很明显这个验证码就是VIVO,我们也打印这个值了,对吧。那个手机号。我们也要再囤一份对吧。啊,然后这里呢。展示的肯定是是要有的。等于op点对吧。那这里呢,我们就我们就要写了哈,嗯,需要传这个手机号和扣的对吧。
16:00
啊,不好意思,我把那个给关掉了。手机给给给关掉了,继续看这个扣的。呃,我们就要在这个分级值边写了写传这个扣对吧,扣的就是。A video。然后这个某某手机号就是对吧,这个是可以我们加一个回是我完完成之后咱看一下是什么结果。好,这里我们就来就来走一遍这个流程哈。我现在发送验证码。嗯,我们收验证码叫0647哈,0647。然后这个我们注册成功了,对吧,注册成功了,因为我这个手机号是没有用过的,呃,我们也之前讲过哈,他这里不是也说了。
17:04
就是你没有看这个不传存是表现为手机号已经已注册的登种未注册的进行注册,所以我们这里是选择的是注册对吧,看到了吧,那这里也是有我们的这个信息呢,有UID啊,有这个投Ken,还有这个投N品牌的对吧,就是。我要存储的啊,这里呢,呃,也是为了好看,我们也同样可以加一个手高顶。说辽宁那边让他转圈。海底捞。对吧。那我们就是。可以让它返回到我们那个登录页面了啊登录页面。把它登录成功之后,然后返回个人中心对吧,当然我们可以用两个back,就是那个点back对吧,那个。Back,然后我们也可以就是我们这里先先先进行第一件事就是。我把这个。
18:01
放在这里还有一同是好的复制哈,就是我看我们看一下这个。之前之前写的这个SDK找一下。T,这我们之前分了,这就是为什么我们能用这个IQ啊呃,我我来事了,我把这个给复制一下,不sis可能的对吧。那我们就给它保存一下,当然你如果想保存这个UID也是完全也是完全可以的啊。然后这里就我们也算是登录成功了,登录成功之后呢,我们要返回我们的那个。呃,主页对吧,呃,对,返回首页呢。呃,试计试返回手返回那个啥啊,我们主要好像是table页对吧是吧。我看一下啊,是一个推半对吧,是退半的话,是因为我之前已经登录成成功了,其他账号这个还没有,这这个之前没有退出啊。
19:00
嗯,它是一个贴吧页面,那我们就要看那个API里面这个。呃,Switch table就是跳亮table页面,关闭其他所有页面,那我们就用它了,对吧,因为我们登已经登录完毕了,所以我们肯定关掉对吧。他是什么用的,同样选一个。需要跳转到这个贴吧页面的路径啊,还有就是。接口调用成功才能才我们这都不用,都只需要URURL对吧,URL就只需要一个URL什么呢。而且我们的这个这个一个是有点分他的。优特就是用户中心的首页是吧。是铁甲杠啊。相对于这个通路哈,我们可以看到这个。相当于这个登录,相当于这个扣的。的杠,这不就是这个U森特嘛,森特。这个就是用户哈。
20:02
呃,我们可以再试一下啊,我这里就是也是为了。呃,好看啊,我们还是要把这个,我们加一个这个退出吧,我们加一个退出,我们就把那个登录变成那个退出和那个。当他有中了啊,加一个我。在这截加一个退出好看吗?不是好看的测试吗?退出。这要是等会我们再改嘛,也不急对吧,咱要退出出的话就是。过了out对吧,过out我们就那个退出操作了,呃,这个退出操作呢,其实我们也不用写,因为我们那个。我们已经封装过一个了,DK里面也封装过一个,看到了吧,那我们也可以写写写也无所谓的啊。我们直接用这个list。一个IQS。这个log out。
21:03
对吧,我们执行那个退出操作操作,然后退出之后。那我们可以就是。我这下可不可以啊。看能不能就是,呃,重新就是。这个页面。还是他。行,大刚试试看吧。嗯。看一下这个存储里面还有没有啊。
22:01
呃,这个好像就是就就是已经没有了这个这个登录信息,那刷新一下看看,这个是没有了是吧?啊其实我们最好的方法是把把它把这个退出写在这个设置里面哈,因为我设置呢,我们之前也写了,就是没有登录是不可以那个。设置的对吧。我找一下这个。刻到里边啊,复制一下那个手机号码,我们用一次手机号验证码那个木啊。27372737。二计算一。可以看到就是我们这里网络请求已经获取成功了哈。这个它其实这个应用lo里面我们。没洗吧,我看一下。
23:01
手哪里出了点问题啊?我重新进下这个页面。然后。啥样?这个这个可以看到我们这个。由于我们是手机号注册的呀,可以看到他这里那个。呃,微信号,我们手绘的微信号应该是user name对吧,他他是没他是那个没有的哈,看到没有。他只有这些信息对吧,你看。还有这这这些信息。啊,那个我刚才那个就中午有事啊,那个视频,嗯,我我那个给停止了,然后那我把那嗯打电话后边那个给截掉了啊,我们继续讲啊,这是就是。啊,就是今天我们不是讲的那个,就是讲完我手机号登录之后,它那个,呃,用户名问题哈,那用户名本来是不是显示的,就是他没有用户名啊,那这里呢,我们就给他用他手机注册的嘛,我们就给他这里。
24:08
啊,如果他没有没有这个用户名的话,我们就让他用户名,呃,显示为什么呢?显示为他的手机号,然后我们把这个思维也给也给隐藏了啊这个。好像我们。我看一下这个还有还应该是还有效的,既然能获取到这个。信息,那说明我们这个登录还是有效的。嗯,往往底下讲呢。对退出我们好像也讲过了哈,我看一下。非法token。呃,我看一下这个这个这个推这个退出,嗯,这个是。文瑞写的是log out,对吧,Out。门是非法的token。
25:01
呃,我是那个刘老师看一下哈。可能我这头昏过去了,但是不应该啊,我看一下这这个本本地是已经清已经清掉了啊。那重新看一下,它是获取不到的。肯定已经是清掉了,所以这个地方会告诉我们这个is fun就是。就是这里啊,因为因为我们是空的对吧。那不是这里啊。因为我们这里有的印花是没有的哈。然后那个退出的话,其实我们可以放在这个设置里面,因为我们设设置现在现在进不去的啊,因为我们这个。没有登录啊,哎,我们先登录一下,然后就用我们那个刚才那个手机号,我看他手机号多少。
26:07
嗯,找到一个。好多号。我今天我好像我记得好像是存的了啊,我看一下这个字是。然后在在这存了一份。这里呢,这个密码我们是没有设置的啊,现在也不能用手号登录,没有没有没有设置密码,所以他只能通过手机号登录这个发送验证码,发送验证码我看下验证码多少。9017 9017啊,我们这里写9017。你看这五张请求正在正在请求中。可能会受网速的影响啊,我这里是WiFi啊。
27:02
真就买。这里呢,我们可以把这个我们找到我们的设置页面啊,就是这个。Setting。这个德森特这个setting里面设置里面啊,我们可以把那个退出写在这里面。对吧,嗯,我们就把这个退出给改一下啊。本来不是在这里面写的嘛,你把词直接改掉就是。你可以把直接直接给直接给开走,接走之后在这那个。在里边进来这里不有个保存修改吗?然后我们也可以在这底下加个退出对吧,那这个同样的这个退出操作呢,这个这个方法我们也给它拷走,写到这个设置里面。Create method里面。好,这里就写好了。啊,这里也刚才也已经登录成功了,你看这里有有有获取到这个名号了,可以看到我们也可以看到设置里面也是有的,那这里我们没有头像,我们也可以这个设置,设置个头像,然后再改个昵称,昵称我们改一个。
28:09
妈,还是可以,然后这个女生就难吗?头像很简,他那H5不行啊,因为我们上次讲了H5返回的是贝六数据对吧,那么先这样保存修改一下。修改成功了,这修改成功之后,其实按理说我们应该给他,呃。的,这里面我们应该,我们应该什么呢?我们应该给他,就是让他返回啊。我们也可以看一下打印是什么结果。那当我们修改成功之后啊,我给大家看一下。我们修改成功了是吧,按按理说修改成功了,我们是应该就是我们可以判断一下啊这个。收ing对吧,不是。不是,然后这个推呢,我们什么呢,就应该是这个is.message吧,is.message对吧,他无论是错误还是成功他都会。
29:08
呃制你修改成功者失败对吧,修改成功就成功,失败就失败啊,当时那个I点扣的就是他结果零的话。码,那就我们让他返回上页对吧。因为只有一个一个层级,所以就返回上个页面。那我们再试一下。那这里我们已经传了传过来了,传到是等塔7S,因为我们这的昵称是代把S7S对吧,是不是,然后这里呢,你可以就是改成改一下。保存修改。请求好慢呀,那你可以我我想让他体现出这个请求状态啊,我也同样可以写一个这个。然后这里这里让他海到楼顶。
30:11
OK。那个网速太慢了,你看这这铅球。那重新编辑一下吧。我这里找到这个UV的这个UI啊。可能会用脑片打开它吗?然后我也把它运行到这个小程序下。ID不是发行卡,是运行到小程序。因为我们会在小程序里边做这个微信小程序登录嘛。
31:02
没有功能数据我们看这个也是刚才这个对吧,我们点一下设置给它改一下,改改改成一个,然后保存压缩据。看对吧。有为它那个没有延时啊,我们没有延时,就它多长时间之后让它返回,立马返回了,为了这个感官性呢,你也可以加一个,当它等于零的时候,我这个。嗯,Let out对吧。他们out就是设置一下这个多长时间之后返回啊。比如说我们我我让他在这里是一秒钟之后返回,然后一秒钟之后返回,对吧,一秒钟返回,我不再设置一下S,然后修改成功,然后对吧,返回了那个为为了就是这里就是默认是成功的嘛,那我们万一失败了对吧,可能失败,所以我们这个推这个icon哈,就我们就设置成no啊。啊,这就可以了,对吧。
32:01
我设我再我再看一下改成还是改成,那应该修改成功哦,这就对了是吧。然后。看我下能序啊。老卡了是吧。我们其实也就是把主要把之前写的那个云函数,我们给它接入进来哈,你看这些我们都接入了好多对吧,这个邮箱我们呃暂不接入啊,感觉邮箱可能不常用,但是我们也写了它是和那个手机其实是一样的手机号,我们手机号不是是。发送短信吗?其实把那个mobile改成email,然后用那个U的。还是我们今天看到这个,因为我有这个校验啊,就规则校验里边有有个邮箱校验啊,你可以用这网页校验一下,如果是邮箱的话,就可以直接你就让他发送,然后校验的话就和这个手机一样啊,发送传传用用那个校验的邮函数传送传送传送来就是这个邮箱号和这个。
33:04
什么邮箱号和这个验证码,这个还是上一次那个。对吧,你在设置里面也可以找到这个保存,还可以找到退出。我看一下退出的执行没有啊呃,因为我们退出也没有返回上线对吧,因为我们退出简单就退出了。这里是获取不到的,嗯,我刷新一下看一下效果。获取不到是吧,然后这个这个地方呢。我找到我们这个设置里面哈,它没有它没有,它这个路径是有变化的哈,路径是有变化的。就是我们可以就是直接让他扫上样的对吧。再反回上一下,我们也可以给他设设置设置一下,我我我那个注册过账号没有啊。我注册个账号试试看。
34:03
呃,注册成功,我这个很明显,我这个注册也是没有加那个返回的是吧,你说注册应该加返回是吧,那我们给注册加上应该是没有加的哈,我看一下。啊,很明显注册我们也是没有加返回的,我们同样可以这个用。然后这里我们给他展示一下对吧,Title,然后它是什么,它是is.me.message就是告诉我们还是什么,我们给它改成就是no,因为它可能会失败我们对吧。然后这里同样的哈,我们和这个设置里面那个啥。忘了是啥一样的,就是我们也给他设置这个time out,就是让他一秒钟之后返回,当然你也可以用那个,用view里面那个路由跳转,它也是可以的。里面也有路由跳转哈,它这是你看到这个路由跳转。还有动画对吧。我们也可以设置一下,你也可以通过一个动画来控制哈。
35:04
我们可以让他就是。那不是那个上一,他上一面不是那个注册吗。对对吧,那个bike对吧,那可以看到我们这个back,给你看一下这个back的用法。你看这个。用法,他告诉我们这个detail返回到页面数,我大于现,呃大于现有页面数,它就会那个返回到首页,我们应该是这里串二应该是可以的啊。应该是可以的,我试一下哈。我们再注册一个。当然我们也可以在注册的时候加一个什么呢?加一个收老丁对吧,收老我们也可以给我们的IQ加啊,就是什么呢?就是我们可以直接给我们这个。SDK直接就给就给他讲就给他讲。给他讲,然后在这里就是让他。Had。
36:00
这这个就看你自己的这个用法了哈,我们还继续写,刚才这个注册的,我们给他写一个,写一个吧,出loading,然后这里写一个loading对吧,这里写一个。嗯。是一秒一秒之后对吧。那么这个代码还是T2,因为我记得一好像注册过了。函数的成功,然后返回,哎,这就很有那一个意思了,对吧。那我们这里就是。等下退出试试看哈。啊,退出。他这个呢,这个这个灯的这个。他应该是每次都是啊。那时候就是。获取一下这里,你看这里就是握起来脱困的话是没有的,呃,这个其实我们也可以给他,给他改成就是如果他没有的话啊,我们可以给他也也可以给他加个这个这个收类似于这个收ni没有的话就要显示就是未增对吧,我们给他写写一个收。
37:10
收这个收算内幕。搜这个13NAME对吧,然后同样传也跟他一样。这个点一个未登录。未登录即可,然后。其实这个按理说只有只有他请求成功的时候,才会让他复制对吧,说I那对啊,等于等于零,然后就告诉他这样让他这样复制,没有的话,肯定就是不复制对吧。他也不,他也不报错了,要没有的话不复值就不然他都没有这个数值,你怎么给他负的对吧。然后这个设置设置按说也是不能进的,我看一下我们设置设置啊。
38:02
那个。克头,我看下那个切克松,他是。为什么可以啊?嗯,我等一下设置触发那个切克头可能。各种位下的头很这个。我去看一下这个封装的这个玩意儿啊,就头。If it等于等于零。我们给他返回这一页。然后点一下设置啊,看看它,它看它是什么样子的。很明显这里是未写,很明显这里是未写的投感对吧。那应该是field。Co等于等于零的话,它是is,否则的话是F,呃,看下这个。
39:06
厕所里面。我在这里再再来看一下。Pending这个。那我们。这样写。呃,一般在这里进行都是一步。没加血。嗯,再加一个tap。
40:04
这个type呢,默认是默认是开启的,等于这个type。是干什么的,这不就是,嗯,就是是否开启这个。是不是等待一等,在请求完成的话,我们可以这样写。The。如果这个,如果这个。Oliga。等于出吧,如如果这个就是菜谱开启的话,我们就。但你也可以,你也可以想想一样也这样写哈。
41:05
不能用,因为他已经这个定义过了,对吧。好啊,这样写。他这里就这就已经就是无法进去了,对吧,因为这里呃,我们可以看一下这里返回的是什么,我们打一下这个is。可以看到这里。就是feel对吧,就是feels,我们就阻算它进行在这个路由跳转的时候,左侧路由跳转了,对吧,我们这里重重新就是呃,点了一下这个路由跳转。就是重新再给他再次封装了一下,就是上个视频讲的嘛。好,我们这个讲完了。啊,那我们要讲什么呢?我们那我们不是讲那个退出,退出里边那个大概这啥嘛,对吧,延迟一秒。
42:01
啊,我们现在就要讲那个微信登录了啊,微信登录我们点击这个登录里面可以看到H5是不支持的,当然我们在微信小说里面就不一样了啊。我们在文小说里面可以看到这登录里面是支持这个微信的,是吧,它不支他不支持这个这手机号对吧,支持这个一键登录,我们点下这个微信,嗯,因为我们是没有写任何任何这个关于微信东西的,而是所以他不去点单是没用的,就我们没有加这个事件啊,再怎么加呢,我们找到这个。登录啊,这个登录啊,登录看到登录了吧,登录。微信内嵌浏览心情,他这个啊,这个不用管它哈。我们看了个灯笼啊。这个他他举的这个例子就是通过微信登录哈,啊,我们直接给他套进来看一下啊,找到我们这个登录这个登录。在灯笼里面那个。我们写一个写一个,写一个微信吧,写一个。
43:02
然后我们在这里呢,要给这个。微信登录加一个。那个就是处罚事件对吧。当你也可以想太谱对吧,我们这个老规矩。然后我们通过这个微信的控制台啊,我们看一下。在这这个灯笼里面。点下微信。按照犯呢,是为什么呢?嗯,等下就知道,我我我想把它给删掉哈,因为它这个是返回的是我记得好像是是扣的啊。可以看到我们这里是拿到这个扣子了,看到吗?这个扣子,那扣子有什么用呢。好,我们呃,看一下接口就知道了,看这个UN就UNID用户体系,这个微信登录啊。
44:00
呃,我们微信登录呢,可以看到这个扣子就是微信登录返回的扣子。对吧,而我们也一起银行的时候也写了啊,我找下这个微信哈。哪个班没有?这个看那办微信啊,是需要一个扣子参数的,对吧,那刚好我们可以求调这个参数对吧。那我们。实际上你点的时候是要跟你选的,因为我这里默认的是开发者账号嘛。那我们这个token我们去试一下哈,呃,我们这里在登录里边写不是拿着这这个扣子,我们拿着扣的对吧。啊,就是这个这个裤子,嗯,我们要调入我们的云函数S点,这是这个IQSIQ,这是我们之前封装的那个对吧,它。学什么参数呢?需要这个扣子,就是它,它还需要什么参数。呃,不知道对吧,还有就是我们要看它是什么action,就是这个对吧,那微信,那我们把这个给传进来。
45:00
然后这个时候我们看下他成你成功或者失败之后,他会返回什么。我看一下哈。看下这个RS。那我们这里点一下个人中心啊,我们点一下登录。等一下。啊,告诉我们这个IQS这个。饭呢?啊,不好意思,这里不能用fo,用应用这个电能函数。因为涉及到this嘛,或者你还在这里写一个VM,等于this都可以。一个就是一个。存大问题啊。等下看我们这里直接注册成功了哈,为什么呢?他这个也是。呃,就是嗯,他微信登录,如果你没有注册,就就会注册对吧。和他其他几个是一样的,所以你看我们这里显示的是注册成功了吧,同样的我们可以看到这里有还有我们的open ID对吧,还有这个CK,呃,这个还有,但是我们用的是什么呢?我们用的是token token和token对吧,这就涉及到什么呢?还还是我们之前的时候。
46:14
那套对吧,我看一下那个。嗯,我直接复制走啊,我们就需要这一块,对吧,明天我们需要就是这一块。嗯,对吧。哦,我把这个登录里面。还有的就是token和。同样还爱pad。看到。然后这里呢,我们也同样的,呃,也可以写一个loing,当然我也可以上我们那个说的就是它那个,我们封装那个IQ的时候,就给他加上那个ing和ing。
47:00
在这里面,在这个地方写。手老顶,这里还有老顶,我们不知道那个注册的啊,那这里呢,应该是一或者你不写,因为。动作上一页就是首页对吧。个人中心的首页。嗯,我们设一下。我们通过微信登录点一下,然后转个圈登录成功返回,哎,对吧。返回之后呢,他并没有就是呃,在执行这个。我看一下这个。嗯,找到我们个人中心手下哈。可以看到这个,我找一下这个存储啊。Sorry。呃,可以看到我们这个UNIDUNID已经存进来了,对吧。啊,这个是怎么回事呢?我们编译重新编一下,因为它这个重新进入页面啊。
48:03
啊也不是他就根本没有哈,他因为微信登录就没有手机号是吧。呃,然后他也那个。我给大家看一下这个数据库的参数数值是什么什么样子的哈。没找到这个ID有。可以看到这也是我们账号注册的,对吧,这是我们账号注册的,这个就是微信注册的,看看到了吧,他们没有这个用户用户名和用户昵称,他也没有手机号对吧,对吧。那我们就可以就是,嗯。我们之前这个不是。手是手机号码,之前手机号都没有了,那我们就也可以判断,就是看看他是不是有手机号啊。
49:01
其实我们可以也不要,也不用这样写吧,直接就是给他默认一个。先不写了,先不写就完事了。也不可能展示对吧。然后当然我们也可以写一个设置给他写一个那个设置页面里边加上这个东西。你看到这个this,点不是点user user name。不存在就不能显示了,对吧。还这就就没有了啊,昵称的话,我们也可以在这里设置一下,看到昵称我们写个方式题,同样的话我们可以选一个,虽然我们那个啥没有H5版回的是这个464,但是我们的微信小程序里面是可以操作的,看到这里啊。嗯,那就保存修改。可以看到这个头像也已经改变了,是吧,什么都改变了。
50:00
呃,这里这这个登录呢,我们也其实也可以给它隐藏一下,就是如果我们这个我们可以进行一下这个切割,如果切割脱困。存在的话啊,或者这个I也扣的等于就这里面哈,等于它等于零的话,肯定是复制的,如果它不等于零的话,说明是失败的,败的话其实我们也没有必要就是显示这个登录按钮了,对吧。就是零的话,就是显示零的话,就让它显示这个登录按钮,我们可以找一下那个登登录啊,就是V-F。对,这个。啊u in讲U讲什么呢?啊,看到一个必存,它必存在的一个东西呢,就是。看一下。嗯,这里还重新登录一下吗。还没有灯笼呢。
51:01
实在是不想登录。我想看看。看一下这个获取的用户信息啊,有的,我看是哪个是必必有的哈。呃,这个token肯定是必有的,嗯,看一下这个ID吧,就用这个。微信登录的时候是没有的吗?看一个看一下那个获取用信息成功。ID。它存在的话应该不显示对吧,那个非。
52:02
那这样我们如果登录的话就显示了是吧,就已经登录过去就不显示了。那我们退出一下呢。他这个页面是没有刷新的呀,但是我们搞搞搞定一下这个玩意儿啊。啊,其实我们可以用那个那个触发事件哈,咱们给大家看一下,我只在这里阿数里面加了一个,我们人在阿装那边再加一个呢。所以说二手里边应该是他应该是有这个的,我说我做个测试啊。这应该是有的呀,按理说应该是有的呀。
53:03
啊,我知道,就是由于我们那个书之后啊,我们回到这个学校之后呢。我们这一步并没有给它赋值哈,并没有给它赋值啊,我们这一步其实也可以把这个user user in等于。啊,提供一下,我不知道能不能行啊,试一下看看。这很明显这个头像也是没有滞空的,因为我们头像是单列出来的哈,点PC还是给它等于什么,给给它等于这个老样子。那我再试一下。登录微信登录。然后。呃,设置的话给他写一个退出。哦,退出的话,我们是好像没有加那个,呃。应该是加时间加时间的。
54:01
啊,退出设置,退出设置是没加我这里就是。去改一下。让退出也变得好看一点。嗯,退出。嗯,退出的话,同样其实我也我们也可以写一个这个。嗯。出一次,因为他登录,我只要把本地的给取消了就完事了,他至于服务云服务他什么时候执行完毕,他只要执行就好了。那个我们可以直接写一个什么呢?写一个。这叫这个退出成功,退出成功。可以看到是这样子的,这是里面我们写的点一下退出,退出成功,然后这也可以了,这样就可以了,是吧,是不是这个我们个人中心也搞定了是吧。
55:04
然后就是这个微信登录,我们也也讲了说这个。还有就是呃,我看一下能不能打开这个手机的。门脸上。啊,这个微信登录,可这个APP微信登录可能给大家做不了,因为我还没有申去申请那个微信。呃,开放平台的账号呀,我还没有没有申请申申请微信开放平台的账号。我没有申请,所以这个呃,APP微信登录,我们先跳过,我们去把这个手机一键登录给那个整合一下。手机见都是怎么整合呢?呃,我们云函数里也写了对吧,找到我们云函数。这个我看一下在哪里啊。我们预函里也写了是吧,写着写这玩意儿了哈,呃,我这里找到这个手机键登录啊,给大家看一下如何调用。
56:06
他也告诉我们啊,在开控制台需要开通这些相关东西哈。然后还有就是。嗯,找到那个API,我找到那个不是API,就在这个UN这里面底下有一个一键登录哈。你可以找到这个使用指南。它里边讲的很清晰啊,你看到没有这边什么东西,还有就是开启这个玩意儿,如果是全屏啊,不开启就是那个半屏,我们用全屏也可以。嗯,这个我只能用手机给大家展示,但是手机的话。我又不能投屏,因为我的手机那个。咋说呢?太垃圾了,这个虽然是华为的,我的手机也是华为的,但是我手机手机手机那个版本化太低了啊。呃,这给大家也是整合吧,也也也是整合,这样我们整合,呃,找到这个。一键登陆对吧,我们写一个一键登陆啊东西。
57:03
写一个那个。我想复制这个玩意儿啊。这个东西怎么呢?这个东西在官网代码是有有趣的,这个是开启全屏啊,那样式你可以参考底下的这些东西啊,它有讲的,然后我们可以看到这里啊,就是有这个获取服务商,这个我们也讲啊,通过这获取服务商,我们可以看到他可以通过什么东西,微信啊,QQ还是什么,对吧。还有就是这个预登录,还有这个请求登录授权啊,就是我们刚才写的这个是吧,请授权。样式的再诉你参考这个数据结果啊,那我们直接看一下它,它会返回什么结果啊。那那好在这里呢,写是写了,但是嗯,这是调用不了的,只要用我的手机调用。
58:01
我就不给大家讲,我我我直接就是讲它会它会产生什么参数啊。他成功的话。嗯,就刚才那个就是样式表吗。它成功的话会返回这个open ID,看看这个了吧。可是这个res。嗯。你看看看看看这个。这个是获取手机号对吧,嗯,那我想一下。因为这个演示不了,这个很麻烦啊。大家可以参考讲的那个手机一键登录那一块哈。嗯,头发ID应该是这个路径是没错的哈。ID等于。然后底下那个是啥,底下那个是。
59:02
我看抖音。他。我们就拿到这个欧卡偷看啊,然后我们就直接调用那个球啊,全球去换肉。然后action第一个是action,就是我们这个参数啊,这个是open ID和这个open对吧。因为我们应该会是这样写的,对吧,我那个赛token。X就是它。把它给那个。放到这里。然后它那个执行成他那个执行成功之后呢,其实和我们这个其他的是一样的,包括我们微信动啊这些都一样的,所以我们可以这样直接这样写的吧,就是。说法大家也很明显的看到,这都是一模一样的。如果你这个。嗯,你可以直接,因为我已经写过了,就不改了,你可以在这里面直接写,在这里面直接写有那点。
60:01
求loading,可以在这边直接写,然后在这里写个海子loading,这样是可完全可以的啊。我结过我就不改了,行,看那这里我就给我给那个。肯定谁的给他用那个手机登西一键登录啊,给他加个点击时间嘛,就就是我们那个一键登录,这样就写好了,这是完全可以跑通的,然后你那个在服务台开发者后台开通了那个相应的服务,你把它填进到那个那ID的配置文件中就可以了。看时间,那这个我们。基本整完毕了,就是我们现在基本是把那个登录注册啊,手机号登录。一键登录手机号验证码登录也已经就是给写好了啊,然后这这这这这就相当于我们基础这个模块对吧?啊,当然光写这些是不行的呀,我现在还要搭一个东西啊,就是。
61:00
我们得能控制这些东西对吧,控制这些数据是吧。那好,怎么控制呢?呃,我们在这里新建一个项目啊,新建个项目。呃,找到这个UN用APP不是杠M,我这写杠MDM啊,就是我们GM代表我们这个。这个。管理端哈,这里题这里选择那个unit。那好,这里也是已经创建成功了哈,这已经创建成功了哈。然后我们把那个也给跑起来。首先那个保健服务空间呢,是要和我们这个。APP的服务空间是一致的,我们APP的空间不是吧,还是一个M。这我们也使用这个代码,哈士奇杠M。可以看到我们直接这个给它运行起来。
62:03
呃,我特别特别注意,就是我们这里是我这里已经已经注册过这个表了,出现过这个表了哈。呃,如果你要启用这个,看他这里也有open,看S这里你也要选中这些,如果你要启用这个。升级的话,就是APP升级模块的话,你要把这个应用列表和那个应用应用版本号列表,应用版本列表肯定创建的话。那我们这里是没有这个管理员账号的,我们创建管理员账号。啊,这个。我也连接于函数,连接于函数。所以账号创建什么呢?Min哈杠一。体验,因为它是密码必须是六位哈,六位以上。创建他告诉我这个在云端不存在,那这个怎么办呢?呃,横面我们只创建了,还没上传这些功能是吧。还有这个云函数,我们有上传,我们把这个。
63:01
怎么给上传一下。他让我上传有你。可我的肉。它这里是用那个UUN揉了,你看看这它这里是那样写的。Controller看。是不是很像我那个什么控制器什么的是吧。啊,我们要上传这个。图形验证码模块,这个我们也讲过。来,我们把这个人给上传部署一下。这就不用再部署了,用ID我们不用再部署了,因为我用D,我们已经在我们的这个APP端,就是客户端已经部署过了啊。创建一下。推荐成功。那我们登录。告诉你们没有,他告诉你我们没有这个数据库是吧,那密码怎么办呢。
64:01
我们这个里面这个。嗯,我看一下啊看看。啊,右键是吧,就他看到没有。刷数据库。手机表可以覆盖了一个孩子们,那个负重可继续覆盖并继续啊。等他说实话一下。好车刷完成了,呃,我们再重新看一下啊。这就就不一样了,是吧,做出来这些东西了,还有就是这个静态功能演示,如果你想去掉的话啊,你怎么去呢?你可以在这里面。d.GS可以看到啊,这个你可以把这个东西删掉哈。点删掉。这没有了吧,是吧,然后。那个用户管理,你可以管理我们用户叫他管理权限管理以及菜单管理,菜单管理就是我默认的几个对吧,那个由于我们现在也只有这个。
65:08
用户啊,我们内容也目前只有用户那个新闻列表哈,我们还没有做对吧的话,我们肯定要写一个内容管理,对吧,我们看一下我们用户管理,看到这些东西你就可以管理他,他可以重置密码。啊,对吧。哎,不对啊,我记得好像有。其他账号呀。付库员不是一个吗?是一个。这是我们的管理员啊,我来看一下。
66:03
他这就显示我们的管理员,我看他请求里面啊。啊,非常抱歉啊,我眼瞎了啊,我没有看到底下这个,这个有好多页啊,哎,我也没看到一条一页啊,真是瞎到自己的眼啊,然后我这样一看就看到了,对吧,就是想张20页啊,小小小张下20条。我可真是憨批,老是犯这些低级错误,可以看到我们之前创建的那些用户啊。包括这这些没有用户名的呢。他他让我们输入就用,我就我们就不用改他这个手机号的啊,这个手机号登录的,然后这个。
67:00
这个这个项目这个环境项目这个基础搭建我们就完成了,这个也就是说我们的用户模块也完成了,呃,然后我们底下就会在这个基础上哈,就是我们会把这个代码给提取出来,就整理出来哈。目前是这个。我们把那个text给删掉,然后把这个也给这两个给删掉,我们现在只保留这个用户中心这个,因为我们只需这些模块,对吧,这是这是我们初始的模块,当然我们也可以写什么呢?我们也可以在这基础上加一些就是嗯。我们设置的时候肯定不能一现在就是设置个人信息啊,我们可以可以改成设置进设置之后啊,进来就是。再加一个什么呢?加一个那个。个人资料修改,然后还有底下这个就是关于我们还有就是版本号更新,呃,这个我们都是后边做的哈,那个。就到到此结束。
我来说两句