00:01
哈喽小伙伴们大家好,我是代码哈士奇,这个视频呢,我们来讲一下微信小程序,呃,微微信授权登录。这就是我们用UNIAPP开发微信小程序的时候。如何去就是通过微信登录啊。这个我们要结合UNID。啊,这个我们。还是找到我们这个UN官网,找到这个UN。找到这个UNIID用户体系啊。嗯,这个我们是主要是通过他找这个差价市场啊。啊,我找下他拆下市场。这应该是这是是他那个云端登录模板啊。呃,差价市场在这个快速上手里面哈,有个差价市场。我们找到它之后呢,使用使用那个用models版本就即即可我们导入一下这个,找到这个。
01:10
我们还没有,我们还没有创建这次的哈,我们新建一个,新建新建个项目吧,可的可的多少叫0514吧,0514。我们这里就是点一下创建即可创建。刻到0514。可以看到这这这就是一个基础项目,对吧,那我们还没有这个。创建这个我们刚才没有启用那个云开发,我们创建一个UN的开发环境,创建阿里云的即可。然后呢,然后我们。关联服务空间,还记得我们写那个登录测试的时候,我们写那个登录的时候啊。看看是哪一个哈,我们登录的时候是0509这个对吧。我们。同样的,再写一个吧,就是。
02:00
反正大家没有看过之前的视频,就是一脸懵逼哈。我们在创建一个。所谓的叫0514吧,创建一个服务空间。完了之后呢?我们刷新一下,可以看到这个0514,在这里我们关联一下。这里的服务空间。我们就。绑定好了,也就是我们成功的启用了云开发。那我们继续。我们找到这个。这个控制台啊,找到这个云数据库。我们创建数据表,我们需要把这个有那ID的表都创建了。然后你像那个关注用户订单中心,这个我可以不用创建哈,这个用户积分我们暂时用不到的话,是不用创建的啊。好,那我们创建选中的表即可。
03:01
等他创建完毕。还有就是最近我看这个疫情严重啊,大家不要乱跑啊,要保护,要注意这个自己的安全啊。好,这个时候我们创建好了,我们可以看到这个UNI主要是它啊,这里面是有微信那个。地下是有一个,呃,微信的。微微信小程序平台,呃,Open ID这个我们到时候登录之后,它就它就会显示哈,那好我们继续这里呢,我们把这个UNID已经整合了,就是可扩展用户中心对吧。好,我们看到看到这里啊,这个文档这里可以找到这个微信小程序,微信登录看到了吧,看到这个了吧。
04:02
那我们看看一下需要什么这个API哈,U ID log by微信哈,这个我们知道他需要什么东西就可以了,我们先不管它,我们继续。这里呢?可以看到我们这个刚才通过这个UN models导入之后,这个地方已经可以看到这个UN对吧。看可以看到了吧,这里的话,因为没有那个。呃,结合那个什么。呃,配置中心啊,没有整合配置中心,那我们同样可以整合一下配置中心啊,我还是我找一下之前写好的这个。看看ID这个好像也是没有的,0512,嗯。找个有的吧。这是APP05,我找这个可乐0509啊,这个里面应该是有的。
05:02
Come。这里是有配置中心的哈。我把这个配置给那个。复制一下哈,找这个Windows配置中心复制一下即可。就是。啊,如果你没有的话,也如果你没有的话哈。啊,不好意思,不好意思,那个什么粘贴错了啊,然后粘贴到这个UN models里面。呃,如果你没有这个这个配置中心的话,你也不要那个啥,就是想如如何啊,我没有这个,呃,其实也有,有些时候也是没有必要的哈。这个。貌似给貌似那个。你可以看到看到可以看到我们这个配置文件C,就是如果你没有这个配置中心的话,你可以把它给复制掉。就是不需要这个配置中心看到了,我们把这配置中心删掉,你不需要配置中心的,这个时候你就直接在这个用呃艾特里面写,艾特里面写粘贴一下这个文件文件就可以了啊完了。
06:10
哎呀,脑子抽了,真的。我再去重新复制一下这个这个配置文件啊,我是不想,我是我是懒懒得找了,官方是有提供的哈。在整停下即可。就是如果你没有配置中心,在这里写这个,把这个文件粘过来即可,这个文件如果你没有的话,你可以去这个。啊,我找一下UN。快速上手里面。呃,底下是有了,看到了吧。底下是有的,你直接把这个复制掉之后命命名就就可以了,对吧,一模一样的。
07:00
我们需要改动是哪里呢?就是如果你。呃,需要微信登录哈,看到这个MP微信没有MP微信这里。你是需要把你的这个微信PID和微信appscript给那个填写进来的哈,这个一定要填的,还记住在这个man first这里面你也要填进来,这里我先暂停一下,因为这个。这个APP这个这个不方便,不方便透露哈,我暂停一下填写好了。好,这这里我已经那个复制粘贴好了,如果大家没有没有的话,那你需要去注册这个微信小程序哈。如果怎么注册呢?首先你要找到这个微信公众平台哈,微信公众平台这里看到了吧,点击这个注册,在注册这里可以注册小程序,看到了吧。然后根据这个信息你填写,填写完毕之后激活一下,然后登记一下信息即可。在哪里可以拿到这个hid和那个?在这个开发管理里边哈,开发管理里边看我们找到小程序开发管理里边是可以找到这个的哈。
08:06
开发者。这ID里面微,微信小程序的ID和这个。下成一密钥,也就是说刚才我们要唱的那个。再就是你可以获取,如果你没有获取的话,它会生成。就生成的,如果你已获取过了,它就会显示重置啊,这里我们已经获取过了。看这里我已经为了让大家看不到哈,我放的非常大哈,现在我们已经就填写完毕了,填写完毕之后呢,我们需要把这个UNIID给那个上传一下对吧,上传那个公共模块对吧。上传一下各种公共模块。如果你对这个UNID不是很了解,可以看我们之前的视频,我们之前有一批视频是视频是讲过这个UNID的。正好我们这个。这这个公共模块已经生成完毕了,对吧,那我们就不管它了啊。呃,我我得把这个小程序ID给复制一下,那因为我们在这个配置文件里面,也要把这个小程序序ID给这个写上啊。
09:09
你不写他也是有问题的,你你那个获取之后,他登录的时候,它会告诉你不一不一致哈。嗯,试过。那我们先把它运行起来啊,运运行到这个。呃,小程序啊,模拟开发的工具。这个微信开发者工具,如果你没有的话。嗯。就是。反正。这是我们那个云开发教程地址啊,在这里你可以去官网下载,去这个下载这个稳定版的哈,下载完之后呢,注意事项是哪些呢?完之后。点这个注点那个设置里面哈,你把这个安全服务端口给开启。开启之后,你就可以通过这个第三方。应用啊,比如IB的给把它给唤醒哈,他给我登登录一下这个微信开发者工具。
10:09
好,这里这个我已经,呃,这个登录上了哈,登上之后呢。他这里。我看一下哈。微信开发已启动啊,我我我我我我这里随便试一下啊。很明显我们这个是没有就是成功的调用的,那我们可以把它关掉,我们重新。我们的U函数重新给它运行一下。有些他有些时候如果不能成功的唤唤醒的话,就是不能不能成功调用微信小程序或者工具的话,他会告诉你个地址,然后你自己把这个地址或者或者你找到这个。看到这个我看看,看到这个没有。同样我们这个项目目录下有一个m pack package这个里面有一个MP微信哈,你把这个。
11:04
文件夹通过这个微信小程序打开微信开发者工具打开它就是我们的小程序啊。我会把这个调调正常一点,按照CTRL滚轮就可以调了哈。啊,我们可以看到这个小程序已经运行进来了,对吧,这是我们的基础项目模板对吧。那我们要执行微信登录对吧。那好。那我就把它给删掉哈,我们随便写一个按钮。包啊,On click等于。嗯。那个中。好,这里我们也写一个,写个什么呢,Lin。就是代表这是我们要执行那个登录对吧,你看。怎么登录呢?好,问题还没讲好,先放一边啊,我们还需要找到这个API啊,我们还要找到这个API里面有一个。
12:02
登录看到了吧。这个登录的API里面,第三方服务里面有个登录啊,有个log。LG,然后这里你可以看到,呃,除了H5我是都支持的哈。然后H5平平台注登录注意事项,这个你看一下也可以了,你也可以用别人写好的这个封装的。啊,这个什么。微信登录提供的登录信息。啊,我们可以设我们我们可以试一下啊,我们可以试一下那。一下也是有实力的,看到我们直接复制这个即可了,下了人家就是微信对吧,看到了微信了吧。那好,那好,我们就。就用他的写好的,我们试一下。And find。卡洛,我们把这个给删掉哈。我们再看,再来看一下。
13:00
可以看到这里是有扣子的哈,这里这里给了我们一个扣子,嗯,可以看到我们拿到扣子之后,其实就可以一些东西了哈。我们再回到这个UIID里面,找到这个微信小程序登录哈,看到这里需要字段就是扣的对吧,是微信登录返回的扣的。看到了吧,这里我们已经拿到这个扣子了啊,在这里。那我们就可以执行这个动啊,啊,我们把这个给复制一下哈。啊,不用复制,可以看到我们拿的是我们要要的是这个。毁掉这个扣的对吧,我们我拿的是扣的可以这这个大家自己就是随便写啊,这里我不用方式啊,因我们要做一些一些写比别的东西,所以我们同函数。对,你可以改成is这个,这个看你个人的,或者他这个实际业务是针对哪一块的啊。好,那我们再打印一下看一下啊,我们可以同样打印看一下,从。
14:01
我们就拿拿这个扣子了,对吧。那好,我们要在云函数里开始写了,我们要开始写云函数了。啊,这里我们写一个原函数叫呃,Text。这里创建好一个云函数对吧?我们首先要引用这个UNIID对吧?我们管理公共模块依赖,选中这个UNIID对吧?更新依赖。那好,我们如何引入的啊?烦人啊。可以看到这个,它这里有创建这个实例,把这个给复制过来就可以了,我们只要这个就可以了。这个我们也讲过,这个现在我们用不到啊。我们在这里把它复制过来,就我们已经引入这个模块了,对吧?啊。这删掉哈。我这里返回I。
15:02
我们让is等于什么呢?A。我们来看一下哈,我们需要的是微信登录对吧,微信登录就是微信。你对得起,他也会给你提醒的。都在玩微信。呃,他要告诉你需要是微信登录返回的扣的对吧。对吧,这是当然当前注册用户司邀请码,这个邀请码就是。这个我们不讲安全码,你也可以写,比如说呃,只有只有原形码的用户才可以成功了,有某些权限啊,这个看你自己的写法好,我们就。我们需要扣的对吧。在这里我们就来了。好像,呃。所以我因为我们就没有这一个事件,对吧,那我直接写哈,所以我自己。所以我们传它的时候是怎么传的,那我们就这样写。
16:04
其他都是非其他都是非必要的,对吧,那我们就不用写了,对吧,那我只写这一个。那好,这个我们给您上传部署一下。那在这里面呢。很明显,我们要在这里调用云函数,把这个扣子给传过去,对吧,那好。考。嗯,那个函数名字啊,不是函数名字就是T对吧,那我们需要传参。啊,由于我们刚,由于我们这经拿到的是呃even in啊even in点扣的,那我们这里就就要写的了啊,扣的很明显我们这里已经拿到了。他对吧。那好,我们来试一下啊。呃,我们把那个。回调事件回调写一下,成功,成功回调写一下。
17:02
分享啊,在这里登录一下。嗯,看一下他返回什么,我们已经登录成功了啊,然后这里我们也拿到这个to看了看到了吧。到此为止,我们这个微信小程序登录,呃,已经完成了啊看。还有一点就是,呃,我们登录是可以登录啊,如如果那我们获取,如果获取这个他的个人信息呢。就是啊,我们可以通过,就是让让他通过微信小程序,微信登录之后,自己设置一个就关于我们服务器的就是。在我们这里填写他的个人信息,这个你是可以写的,因为他已经登录我们的,对吧,他有投客了,他就有自己的账号了,我们可以看到这里。你可以让他更新更新一些个人信息,知道吧,就是上面那些。都可以都他都可以执行的,还有脱困了,对吧,就他已经当初重了,我们这给登记这个账号了,那我们如果想要他的这个用户的个人信息呢。
18:06
呃,可以可以,我们可以看到这个啊。用1.getuserprofile,这个就是获取他的个人信息啊。首先我们看一下。餐盒里面。还有一个de sc,还有这个指定返回用户的语言哈,我们认为。我们看一下底下。这些这些参数。啊,返回的,返回的是用户的对象对吧?啊不包括什么什么这这这一堆什么的。这我们主要就是看user info里面用户昵称,用户头像,用户性别,然后这些东西啊。一对一一对一的,那我们怎么用呢哈。哎,我们怎么用呢,我们直我们直接把它复制过来,当然你也可以在这里写。好啊,我们同样写这个用log,我们这写什么呢。首先他也是个阿伯克,对吧。
19:02
我们要查的是DC。传传这个用途啊,我们我们可以写用于。中路。嗯,注册我我可以这样写。当然实际用途的时候,你要真的真正的写自己有什么用哈。然后我们写一个成功的回调事件啊。嗯,看看。也有对吧,他用成功的回调。那我们可以试一下,这是这时候登录。我提醒这个获取你的昵称头像,呃,这个地区以及性别。你看很多时候我们就有这个是吧,我们可以允许它,那这个时候我们可以看到这一串玩意儿哈。你看这边有昵称对吧。这一切有昵称。呃,这个这个是用户头像,这个是我城市啊,然后这个性别,这个语言,还有就是省份啊。
20:06
那我们拿到拿到这个东西之后,我们就可以把我们的头像给展示出来,把我们的昵称给展示出来,对吧,你完全可以不用在你的服务端存储它的数据,呃,登录,每次登录的时候让他获取一下这个就完事了,对吧。那同学可以看到我们这里,与此与此同时啊,也这里也登录成功了啊是吧。呃,这个因为。嗯,那这样给给大家写一个吧,写个什么呢?写一个。一起实际写的时候,你要根据自己的这个业务逻辑去判断这个数据怎么写啊,我这里给大家演示一下这个,我们成功之后,这头像还有昵称。你直接在这里,或者你不用这个啊,直接用U。我们起user in方也可以,然后这里呢,我们让我们的u in等于。
21:02
这个你看我们可以看到这个这个结果啊,说里面说里面的U音报对吧。好,那这里。嗯,我们已经拿我们拿到这个U预报对吧?啊。然后。你可以写个SR啊,不好意思,Image可以写个image头像。啊。绑定src等于等于这个U点。这叫什么头像对吧。然后。然后这个昵称呢,你也可以写一个。你可写,我说随意啊。叫什么,这叫nickname对吧。业务昵称。那好,这里我们都已经写好了,对吧。那我这一下。
22:03
呃,看我们这个头像已经有了,呃。你说为啥不显示呢?稍等一下,我那个打一下看一下啊。这个是,这个是什么是是Nick。是你肯定没错啊。不显示的话,我们把它拉出来。不好意思。啊,不能拿出来啊,这这已经是跟VIVO了。我看一下这个页面结构啊。啊是有的,我已经看到了,因为我的这个昵称啊,就非常那啥啊,就一个点啊,导致我没有看到啊,以为他没有没有在哈,啊这个这个地方就是我的昵称啊,这个地方看到这个地方就是我的昵称这个点。
23:03
那这个微信小程序的登录了,我们已经呃呃,已经那个什么。讲完了哈,嗯,那那讲完之后还再讲一点就是啊,我们光登录啊,可能觉得你可能觉得这登录中有有屌用啊,对吧。他其实是已经在服务端生成了一个账号了哈,就是我们自己的服务端生成生成一个账号了。呃,刚才也跟大家讲了。我们自己的服务导已经有这个账号了,对吧。有有这个账号之后,你就可以用这个用户体系的其他东西了,比如说。呃,Token啊,生成头头N之类啊,就是你可以让他执行那些设置头像跟用户信息啊,获取用户信息。比如说我通过微信,微信登录,我不我不通过它那个。呃,我我通过他注册,比如说我一点你把这个登录改成注册,然后跳转获取个通讯之后获取这个code,就是我们一开始登录那个code的,然后他呢,嗯,我们进行去注册,比如说我们弹到注册页面。
24:04
然后我们设可以设置这个用头像什么的,设置完之后呢,你可以用库登录,登录完之后会to,然后用to可以count u ID来更新我们的用户信息,再给它返回回来,这是策略,这这这是其中一种吧,就是。其他的也没什么讲的了哈,就是你只要你只要登录过一次之后,有了这个信息以后你可以,嗯。只要是你这个微信账号登录都是这样的信息啊。就是我们微信登录对吧?啊,多说无益啊,那我们这个视频就讲到这里哈。
我来说两句