026-直播间模块-TLS配置原创

好了，列外金古奇观我们有的A书籍上一回了啊，咱们在上一节中啊，已经往我们的小程序中又导入了一个新的账号啊，就是我们的杨左这个账号啊，这样的话呢，我们就可以进入到咱们下一个模块的开发了，直播间模块开发，因为科们之前就说了，我们前面四个啊是机器人账号，咱们这个机器人账号中的这个room，这个斯斯啊都是个零，而咱们真正的啊，通过授权登录完之后入斯克给的这个一啊，所以我们将来的话呢，根据是一的话呢，是允许的进入直播间这个模块，如果是零的话呢，咱们就直接弹出来一个模态框啊，告诉他该用户啊未开通直播啊这一个情况啊，做一个说明啊就可以了啊，因为我现在账号登录完的是引兵啊，所以我进来之后呢，我是看不到我自己的啊，因为我要自己的话，只能是点击开播了，所以我能看到其他人的，咱们看到的其他的五个人前四个。

啊，是机器人啊，这个是真的啊，所以一会儿咱们就进入到我们的直播间这一个模块的一个开发，咱们可以先简单的看一下，在直播间模块中啊，我们点进来之后一定看到的是谁的信息列外，你可以看一下是不是得是这个养组的这个信息啊，因为我是引宾用户，我点进的进来看见的是养组他的一个现在是零个粉丝字有点小啊，然后现在是我是不是需要关注他呀啊还有这个这个直播间的ID啊，还有这个现在正在观看的有几个人，还有这块的话有一个小的福袋啊，你可以领取啊，这边的话是咱们的聊天区啊，下面的话呢，这一块的话是商品上链接123啊，这块是我要发问的地方，对吧？啊这边的话呢，是我们的发送礼物的这块的话呢，是我们的like喜欢啊，我给他点赞啊，所以右边这块有一个小的返回，你可以返回出去就可以了，我们在这个基础之上呀，可以继续的完善我们的页面啊，我们不断的去优化啊，我相信呀，我们能够把这个直播间模块呀。

一步步的给完成了，好的，另外那就是从这一节开始啊，咱们就开启我们的直播间模块的开发啊，这一个模块的内容的话呢，应该是我们整个项目实战中最多的，也是咱们最具有精华的部分了，因为在这个模块中我们会使用我们的即时通讯，还有我们的TLS啊这一个东西，那说到这个即时通讯大家是明白的，因为没有它的话呢，咱们是无法进行实实时通信的哈，那那有人就说的课文，你刚才说了一个什么玩意儿，TLS，它也是咱们腾讯云相关产品的吗？这个TLS其实是一个缩写啊，它叫team live cell啊，就是对于即时通讯的这一个的一个二次封装，Live cell对吧，就是我们的实时的电商嘛，Cell是卖东西啊，所以这叫直播电商解决方案组件TLS，它是对于咱们直播带货场景的啊，使用这个即时通讯I'm的一个二次啊。

封装用它的话呢，就能够很方便的实现我们对于直播带货场景的点赞呀，送礼啊，商品推送啊，优惠券等等能力，那有人就说了客，那有了这能力我要你干啥呀？列外要注意哈，这些能力的话呢，都是一些代码啊，就他给咱们封装的，你可以认为是一些事件啊，像咱们之前玩过web socket，你可以监听一个on一个事件，咱们以前只能监听一个message事件，来什么消息，咱们只能自己去通过呃消息里面的具体的类型进行判断，而你可以认为他这一块的话呢，对于一些消息的话呢，已经做好了一些封装，我们直接来用就可以了啊，所以在这里哈，人家还是给你提供的一个场景组件，但具体代码，具体布局啊，具体功能还得你列位啊，自己来实现，只不过现在我们可以站在巨人的肩膀上来使用它来就行了啊，在这里的话呢，大家可以去下载他的SDK啊，你也可以通过咱们的NPM来进行下载它在这里。

他给了一些使用的一些DEMO啊，在这里你也可以看一下这些小DEMO啊，如果你有兴趣的话，可以点下来，下载之后的话去试一试，看看能不能跑起来，我认为一定是跑不起来的，因为有些DEMO帽太老了，列外啊，不要问我是怎么知道的啊，那这个都没有关系啊，我们最终啊这个东西啊，经过科润这个视频的话，我们能成功的，哎，把这个太棒的话呢，给运行起来啊，因为你看我的视频，咱们一步一步走的，所以这个过程中的话呢，是不可能有问题的，列外是不是啊，所以这倒是不是什么大事啊，那接下来咱们就可以看一下哈，在整个这个过程中，我们是怎么进行开发的了，好，这块的话是它的一个文档，咱们可以先简单的来体验一下我们的这个文档啊，我们的SDK啊，小程序直播的文档，刚才课上这些话，这不就从这偷的吗？是不是，哎，在这里他给你说了哈，接入这个东西的话呢，需要下载两个模块，然后的话呢，把这两个模块进行下面的一个初始化啊，初始化完成就给咱们提供的。

好多回调，哎，这就是客人所说的说那个我们以前啊，在做web socket的时候啊，只有那个message error这种回调，但他这块的话就给咱们很多回调，比如说我们的房间群这个状态改变呀，啊有人加入群聊呀，哎这样一些事件监听，所以你只需要在这儿啊监听这个事件啊在我们的小程序端，只要有人啊退出群聊，加入群聊啊，公告修改，发送消息，发送给主播点赞，给主播送礼啊，然后购买商品赢取优惠券，然后等等的，诶这些方法的话呢，他都给你提炼出来了，所以我们可以直接来监听这些事件啊，就能够触发这些行为了啊这是咱们关于啊即时通讯SDK的一个介绍，大家说经过你这么一个介绍之后呀，科们我基本上就彻底糊涂了，真得没说一样，对呀，这些文档的话呢，咱们一定要给他进行实践啊，才能真正的领悟，但这个文档做的是。

真不错啊啊，里面的功能的话，该说不说都有啊，可能在细节方面的话，咱们还得需要研究一下好吧，行，咱们关于计时通讯中的我们的TLS这个小模块，以及它的一些相关介绍就说到这里，大家只需要知道我们一会儿会基于这个模块引用它的一些初始化方法，监听它提供的事件啊，我们进行开发就可以了，我们在这里一定会掰开的如碎的把每一个过程给大家讲解到位的，那接下来咱们就进入我们的这一个模块的一个开发了。好了，我们来首先配置TLSSDK，那这一节咱们能把这个TSDK能配置成功，我认为啊，我们这一节啊就很有意义。好吧，来，来到我们的这个小程序界面中，在正式配置之前吧，咱们在进到那个页面中，所以我得把这些东西咱们给他来一个全部的一个关闭啊，我们。在这个地方啊，我们应该是点击这个的时候触发事件，我记一下当时咱们是点的时候，我们是不是在这块写的一个回调函数呀，我们是在我们的类屋类中，呃，写的这个回调嘛，类屋类中来咱们找一下，当时我们点完之后触发了一个回调啊，我当时写在哪里了？我怎么找不到了，是不是写在下面了吗？在这儿啊副组件中传过来我点的是谁？咱们可以很轻松的拿到这个ROOM4TUSS1保存之后的话呢，我们可以在这个调试器中，咱们可以打印这个log走走走对吧，就这个是个一，那这样的话我们就可以在这里点完之后，我们可以判断，如果evt.data.room这一个states啊是真的情况下的话呢，咱们就往咱们即将哎创建的那个页面进行跳转，可能一会儿会创建一个鞋杆配置鞋杆live这一个页面啊，如果是。

失败的话呢，我们在这里的话呢，就会WX输入一个model框啊，这个model框的话呢，咱们在这里啊，把那个canl那个功能的话，咱们就给他看L按钮需不需要显示呀，诶canl这一个。

按钮，咱们把这个看L这个按钮啊，进行一个关闭就行，列微可以查一下文档中怎么把那个看L按钮取消掉，因为我这个不是说你确定还是取消，我只希望显示一个确认框就可以了，如果是零的状态下，我就显示一个确认框，所以我在这里来搜一下啊，我们的这个小程序啊，这个文档首页吧，在这里，然后我就在这里直接搜索就可以了，搜索wx show model，第一个啊，你看咱文档地址啊，不去记啊，然后咱们临时去搜就可以了，文档本来就是我们手中的键啊，怎么去用的是你的事儿啊，在这里的话，咱们可以看一下哈，这个取求按钮的文字不是这个哈，咱们应该是在这里是不是显示这个取消按钮，所以应该是是cancel的话，我应该给它一个什么呀，False啊，就是不显示这个取消按钮，然后里面的这个文本的话呢，Title套，还有这个提示内容，我看一下能不能一块粘一下在这里啊，粘一下就行了，是在这里的话呢，Title套。

我们检查一下，这是一个提示，提示这块的话，咱们就写一个什么该用户未开通直播间好了，那这样的话呢，咱们一保存之后来跟客人测一下，我点这几个的话都是提示该用户未开通直播间，而这块只有一个确定，没有什么取消对吧？诶未开通嘛，这几个啊未开通只有点这一块的话才会进行跳转，那这样的话跳转到咱们的live务这个页面，那这个页面的话呢，客人是不是应该创建出来呀，所以我们在这里的话呢，来配置字，咱们写一个live，然后在这里live保存之后，另外咱们成功的来到这样一个界面来了，然后接下来啊，咱们应该创建好了，这个类里面东西非常少啊，没关系，点击测试，哎，不好用，一定要注意哈，这个东西它现在好像有热这个承载功能哈，热更新功能，有时候啊，这编译不好用啊，就重新的自己手动编译一下，那这样的话再。

次点击这个杨组之后，我们就能够进来直播间来了啊，到时候我们看他的直播就可以了，这几个人只是咱们在伪造的广场的一些啊，机器人用户啊，他们是没有直播功能的啊，这是咱们的养左这一个用户，所以我现在拥有一个养左用户，一个引兵用户，就足够可以实现我的直播啊，直播推流，将来这种直播功能都是没有问题的。好，那接下来咱们就可以来到我们的这个界面来了，我们可以把所有的精力的话呢，都放在这个页面来就可以了，对吧，我们在这个页面中，我们首先要进行我们的TLS这个模块的一个配置的，来吧，咱们在TL这个模块中啊，我们来找一下啊。

六点啊，GS中是不是来到这里面，咱们一进来之后呀，我认为啊，在这个onload中的话，咱们就要立即开启啊，我们这个初始化了啊，那正式初始化之前我得看看文档了啊，这个时候我又得参考文档了，文档跟我怎么说的呀，他让我进行这一个方法的一个初始化，那我看一下，那我到底这些方法中我需要什么呢？诶咱们就一步步来找呗，我也不是一开始就知道他这么来用，那不是因为咱们知道了这些方法了吗？所以我才能这么去跟大家去说呀，来第一个我第一个就不知道这个是什么呀，T team live s，这就是TLS的缩写嘛，那这个是哪一个构造函数呢？大家会发现它是从这门来引入了一个小模块啊，那这样的话，我们首先再把这个拈进行引入在最上面。对吧，然后接下来的话呢，再就把这个模块呢引入，诶这是外部环境呢，把那这个是咱们的小程序这一个环境的列位可以看一下，一旦你引入了这两个模块之后，你看这一块的话，是不是具备了，我们来这个new知道在哪new了吧？哎，然后下面这个team，哎，知道在哪里了吧？啊所以在这里哈，这样的话，你在初始化的时候，至少这两个模块啊，咱们给它先引入进来，那接下来的问题就是这个模块可能你安装了吗？你不安装一会儿会报错吧，一定要安装，我们在这里的话呢，可以啊，我们先把这几个，好像没这些数据啊，我们先注释一下，我们一保存之后的话呢，他就会告诉你说这些模块的话呢，根本就没有未定义嘛，所以可能得先进行安装，那这样的话，我们就进入到我们小程序的这一个代码中，在这个文件夹下吧，然后咱们可以新建一个打开一个终端啊，进行一个NP mi，咱们进行刚刚save了一个。

安装我看一下这两个模块的名字分别叫什么啊，一个叫做r'm live cell啊，然后在这里来一过，然后这就是我们的team wxsdk OK，我们再来一个，然后最后一回车之后，另外诶，咱们这两个模块的话就安装过来了，一共六个文件，加完了，加完了关掉之后，咱们可以看一下录的猫掉下面果真有了这个模块，还有这一个模块了，对吧？好了，有了这俩模块之后啊，我们就可以再次来编译一下，看看好不好用呀，一运行之后我们来看一眼在这里啊，重新的进入到我们这个直播间里面来，咱们重新的看一眼这个效果。

其实在没进来之前，大家已经走这个编译过程了，其实还是不好用的，说一未定义，这怎么回事呢？一定要注意，我们小程序安装完这种外部模块之后呀，一定要进行同化一下，哎，你得说咱是自己人，所以在这块有一个工具，工具中构建NPM，把外部的这个模块的话，构建到我们小程序的这个体系中，相当于引入的时候就不会说哎，找不到了，好，点击构建NPM正在构建好，完成构建之后，你看列位，这一次咱们重新编译之后的话呢，他就不敢给我找事儿了啊，他就不可能再说我们找有问题，重新编译一遍，列位可以看一下没有报错吧，好，咱们点击正常进入这里面来也正常了，但这一块的话呢，只不过接下来就是我们这个初始化这块咱们的一个问题的，因为我没有传东西进去啊，在这一块是我们接下来这几个属性的一个研究了，那这块没有什么好办法，你说这个东西是什么呀？对吧，我说是这个，你说是那个，所以这些东西啊，咱俩说都。

不好用，咱们再根据文档说是啥那就是啥，那文档再不信，那你信谁呀？那在这里的话呢，SD kapd是咱们即时通讯的这个应用ID，哦，我想起来了康文，咱们现在不是应用的，一直是这个叫做蜂巢直播带货里面吗？所以在这里咱们再把这个ID给他传过去吧。

然后的话呢，Room ID啊，就是哪个房间的ID群ID呗，给它放在这儿进行初始化呗，还有一个user，就是我们的用户签名，还有username，那这个username是谁呢？就是我们当前点进来的这个登录用户，我们当前的登录用户进来，然后再把这个登录用户再通过我们的方法算法给他们算出来这个签名，然后把这些东西放在这里啊其实Q能跟大家说，这个函数的主要的作用就是让我们当前登录的引兵用户，把隐兵用户的内幕，就是我们的隐兵用户的ID啊，唯一那个open ID，然后还就算出了引宾用户的那一个我们的签名儿放进来之后，然后这样的话呢，让他进来加入到这个直播间中，加入到这个应用下面的这个直播间中，那你想一想，是不是引兵用户，凡是将来所有人，比如说我们现在我是引兵的。

木进来，我点的这个点的这个杨左这一个，那其他铁锤钢带他们技能都点的这一个杨左，那你想想每人技能都会调用这个初始化方法，是不是相当于我们把羊羊组，我们把这个引兵啊，这这个铁锤还有钢带这几个用户都相当于通过这个实体化加入到这个群组里面来了啊，只不过这个方法给咱们封装好了而已，咱们就相当于直接加入到这个群组里面来，所以我们这些人是不是都可以进行实时聊天呀啊，我们发了言其他人就能看得见啊，所以这个方法你可以认为是对于咱们那些什么账号导入体系的一次再次封装给他们加到那个群组里面去了，你即时通讯的I'm那个方法加入到一个群组中多费劲啊，咱们现在通过一个new实例化，就这么轻松的就能够把当前登录的授权呢，当前这个用户加入到咱们给定好的这个群组，所以我认为将来的room ID填的是谁呢？是填这个。

杨佐当时他申请了那个群，另外记不记得杨佐是用户，他一旦创建成功之后，他会在这里申请一个群组，咱们会因为咱们要看的是杨组的这个群，就是看杨组的直播间，那这样的话，这个room ID应该是杨佐的这一个room ID，而这个username的话呢，是我们当前登录用户的授权用户的隐兵的这个对应的open ID，然后再就是这个是他的一个签名，通过这个open ID算出来的这个签名，而这个SDKPID是为了找到咱们腾讯云那么多人，对不那么多申请的人到底是谁的呀？是哎，我这一个的，到时候我把我自己的那个蜂巢直播带货的APID我扔在这儿来，那这样来说你自己想想就很顺畅，对不对？一实例化之后，他会找到是这个账号下面的开创了这个人直播间啊，然后把当前点进来的这几个人给他加进去啊，所以我们同时有100个人点进的杨总的直播间，那么这100个人。

诶，都会加入到这同一个群组里面来，那你说将来我们再进行实时聊天啊，这不就是玩儿嘛，对吧？啊非常简单就能行的，好，下面最大的问题就来了，就是我们这一个签名怎么做，这个签名咱们不能在本地去做啊，所以咱们在这里还是在我们自己的后台中，咱们写个接口，咱们把签名算完了之后啊，咱们让他返回APID和这个算好了签名，最终咱们再就可以了啊，因为我在这里我觉得username这个字段，还有我们的room门ID这个字段，我在上个页面中就能拿得到，哎，到时候我给他传过来也行啊，或者设置到我的APP啊，我们的这个全居中，我们随时去答都没有问题啊，所以接下来咱们第一个方第一个流程应该是先算签名，因为签名是异步的，如果没有算出签名来就说你初始化，那是不科学的，所以咱们一定要等着签名算好了之后呀，再干其他事是不是？另外好，咱们这样就确定好了我们的流程的来跟坑。

我们开始咱们的正式的这一个流程，没想到配置的啊，这块是不太容易的是吧？嗯，这第一步的话，咱们应该是计算签名，因为你得需要一下，你没有签名你又有什么用呢？来在这里的话，我们Z咱们调用z.get user c这一个签名啊这个方法的话呢，咱们就直接写在这个下面来就可以了，C个方法逗号好，我们在这里的话呢，请求request request这个模块的话呢，是咱们俩自己啊写的，所以我在这里要导入我们的request from上一集上一上一集下面的U文件夹下的request，好了，咱们把这个request的给导进来，诶在这个request在用的时候呢，我又想起来了，咱这个地方的话呢，咱还得在本地玩呀，你不能在这个远端玩呀，对吧，你不能说每次改完再去部署到云上，所以咱们还得在咱们的本地开发中去做列位啊，不要在外面去玩好吧。

然后再把咱们的之前的这一个给，哎不校验给它勾上去啊，这样的话相当于回到之前的这个本地服务器的开发状态了，好我们再回来，也就是说我们引入来之后，我们一进来我们就先进行一个request的一个调用，Request的请求的地址等着吧，可能一会儿会给大家呀，再写一个后台的接口，叫做get user这一个接口，那我们的请求方法的话呢，是我们的什么方法呀，我们的get方法其实默认就是get方法的，然后我们给它传一个参数，传这个参数的话，就是我们此时的这个user ID这一个值，另外user ID是什么呢？是你当前登录的授权的用户，所以说你这个值的话，你得有呀，大家说我在这个页面中我点进了类，我没有呀，所以这就说明了我们在之前点的时候列外，你是不是该把当前授权用户。

给我传过来呀，哎，把我当前这个杨佐这个人的所有的信息给我传过来呀，因为它里面有他的房间号嘛，所以我应该再点击从类务list直播广场到我的直播间这个页面中，我应该负责把我们这个杨左的直播ID，还有我们此时当前登录的授权的这一个ID，这样要给传过来，那在传的时候的话呢，大家知道我们有很多方法，你可以在这里navigate to啊，咱们通过在跳转了之后，带上那个快入方法传这个是咱们可不可以也在这里的话呢，通过咱们什么呀，设置我们的呃，这个全局对象挂到这个APP全局对象上也行呀，所以很多方法，所以客户在这里用的是咱们挂载到咱们的全局对象上的这个方法，那在这呢，我可以通过一个什么呀，Cost APP，大家知道APP啊get APP它能达到咱们小程序的唯一的一个实例，咱们把这个点击的事把。

这个东西给他带过去，所以我们在第一次获取到我们授权用户的信息，我们是在哪个地方获取到我们的用户的授权信息的呀，在这个O中列外，在当时的话呢，咱不是在这里已经获取到当前登录用户的信息，所以我在这里的话呢，是相当于什么呀啊存储啊存储啊当前。当前登录用户，另外你也知道一进来这个页面，咱们会进行一次奥认证，我们会把我们的log in来进行调用，把换取open ID去咱们自己数据库去查，最后查出来这个用户信息就是这个user data，所以咱们在这里给它存起来，就直接挂载这个什么app.user data挂载到这就行了，来把这个user data接挂上去，另外那这样的话，就是我们当前登录的这个用户信息挂载到这里来，然后对应的在这个地方在跳转的时候呢，我们在下面这个地方写的跳转的时候，另外啊，我们一点击之入，我们应该在这个地方跳转之前，我们是不是写一个什么呀？A点我们的当前这个人的直播的这个信息，咱们也一样的把这个Ev.data把这个直播信息给他存起来，所以这块的话呢，是属于存储直播，呃，当前这个用户直播信息哈，存储的是我们的直播用户信息啊。

好了。那这样来说，我们在直播广场这个页面中，哎，看来是我之前是不是我有一个地方我给他写错了呀，我是不是当时在跳转页面的时候，我随便找了个位置在这写的，来咱们看一下在哪个地方报了这个错误，这是user data未定义啊，Data未定义找一下user data这个不对，这个不对user data啊在这里。我们应该是把这个res.user放在这里好了，这样的话呢，没问题了吧，OK，等你点击跳转页面的时候，其实你点击跳转之前的话呢，我们已经在第一次登录成功的时候，把user data存到挂到咱们的APP这一个实例上了，而且我们在点击的时候的话呢，咱们又把当前这个用户的哎，这个信息的话挂到六英份这一个字段上来了啊，所以在这里已经拥有了这些信息，所以在你这种点进来的时候，在这里你还愁吗？说哎，看们我们要进行签名呢，我们要把当前授权用户，把当前这个用户加到那个群组里面来，加到谁的群组里面，把隐兵的信息加到杨组的群组里面来，所以我这个UCID再传给我自己的后台进行校验呀，那怎么校验呀，咱们就可以在这里来APP，第二我们的user data里面有一个点什么呀，ID信息啊，咱把这个ID的话呢，给它传过去就可以了，所以我们一会就请求后面写的这个结。

腿，咱们好进行一个这个测试啊，咱们在这里等待这个成功的一个返回结果就可以了，那这样的话，咱们来花开两朵，各表一只，咱们来看一下我们的后端，把这个接口给写好，我把这个ID传过去，你给我计算出来签名好不好呀，来，咱们来测试一下，走，来到我们的这个Vs code中哈，我在这里的话呢，一样的，来新建一个JS这一个文件，要在这个JS文件中，我认为呀，咱们要算签名的嘛，那我直接用咱们之前算过签名的那些代码，呃，抄一抄不就行了吗？我们之前是不是在这都算过呀，来CTRLC复制过来代码之后，咱们进行一个替换啊，粘过来，来，咱们把这些不要了，给删掉了哈，什么数据库这些估计啊，都不能再要了啊，还有我们之前的这些东西请求啊，这些都不要了，另外可以看一下来导入，这个是必须要用的啊，这是咱们呃SDK给提供的一个算签名的小文件。

这一块是咱们正常的算千名的方法，当时咱们幸好做了什么呀，这种接收参数的传参啊，所以你在这里你给我传过来什么值，我都可以根据这个最新的这个值给你计算出我们的签名来，哎，在这里挺好啊，这个方法是咱们的这个什么方法啊，Get user c这个方法，哎，这两个方法有点冲突啊，所以在这里给它起一个换个名字哈，C个这个function吧，啊，这是咱们导了这个路由啊，咱们计算了这样一个模块，咱们给它导出这个模块去，另外可以看一下。

啊，咱们这个将来这个小模块的话呢，它会在re eq.query因为咱们是get的请求嘛，点query，你看你在这里，你将来是发了get的请求，所以在query中拿到这个叫做UCID这一个段二啊，咱们给它解构出来，然后咱们再利用这个东西把UCID传给这个方法，最后算出来的这个签名，咱们就直接呢给它怎么样呀，出去它不好吗？所以我在这里就直接把我算好了这个签名，诶我算好了这个签名，咱们给他蕊屯出去就可以了，嗯，就这样的，另外可以看下这里是不是这样的呀，啊我们这样的话呢，列外一测试啊，将来你在你的小程序端一发这个请求啊，咱们来到这里之后，把user色ID，就是我们此时登录啊授权的那个ID传过来之后，我在这里进行一个签名的一个换算啊，然后我们。

进行算好签名之后，咱们再给它返回回来就可以了，人代码就变得这么简洁了嘛，对吧？OK，保存之后，咱们在我们的这个app.gs中，咱们进行一个注册呗，在这里导入我们的新的这个get user，这一个user user对吧？对四个，诶它这个提示有的哈，好了，把这个小模块给它导入进来之后，我们再进行一个注册啊，我们在这里是盖的请求就可以来响应的，有了这个小模块之后，另外我们可以在我们的小程序端来发一次请求，来测一下呗，那在这里的话呢，我们来测一测吧，我们现在就要进来了啊，一进来走，咱们来看一眼APP not，哦，我在live.gs中，咱们还得导入一下这个APP啊，所以我在这里啊，出问题了啊，看来呀，这个交兵必败呀，导入APP这个实例，好，那这样的话，咱们重新的给它编译一遍，来再来测试一下吧，点击之后。

点击养组，大家会发现，哎哟，从后端给我返回来的这一个签名了，可们难道这是我要成功的意思了吗？嗯，我感觉你接近于成功了，是不是啊，这个东西，那这个东西算的对不对呢？咱们还是一样的，可以怎么样去校验一下，大家也知道刚才咱们是把隐兵的这个信息给他传过去了，所以可瑞在这里来，咱们找到这个控制台中有个辅助工具。是不放在这里了，另外是不是在这里，咱们应该是把这个签名放在这啊，这咱们算好了，签名那个引号是我们从啊控制台中粘过来的，给它删掉，那这个用户的名称是隐兵那个用户名，这个隐宾，这个用户名是谁啊，是哪个用户名，我记得应该是应该是这个啊这个啊，也就说其实咱们当时是把这个ID给他传过去了啊，所以你在这你不放心就自己查一查好不好啊，就是我们刚才点击这个授权的时候呢，就点击这个，一进来这个页面的时候，咱们其实是把之前存的登录的用户那个引兵啊，客们很笃定引兵是这个CPGM8，因为客们测过好多次了，大家能发现后面这块有什么，有时隐兵，这这是隐兵的唯一的open ID，那这样的话呢，传过去之后，在我的后台一顿算，给我算出来这个是我就把这个算出的签名，哎扔到这个位置来，把曾经初始的那个用户ID放在这儿，那最后咱们一校验，如果能算出来，哎是谁的PID下面。

那的啊，然后对应的这叫反推嘛啊，然后咱们当时过期时间是60天，你看能反推回来就行，那万一我写错了，一校验就解不出来了，对不对，所以在这里一定没有这个值解出来了，哎，我我这个看到这个值我回不去了吧，嗯，好了找回来了，所以咱们刚才这个过程是强迫症，那有人怕出错，你就可以自己校验一遍嘛，所以我说我这个小接口是完全没有问题的，那就算出来这个签名了呗，对吧，算出来里面这个res.user c这个签名，而且咱们也注意啊，因为在这块咱们还要求大家要返回这一个什么呢啊SDKPID，有人说我就写死在这行不行，也没有问题，有人说我坑们，我把这个什么叫这个来叫这个啊1400637478，这个给他直接粘过来行不行也行啊，你也可以从你的这个后端中啊，给它返回回来，对吧，我们放在我们的后端中啊，在这里来一个我们的这个什么SDK，呃。

ID啊，咱们放在这个后端中进行一个返回，那这样的话，我在请求进来之后，咱们应该会拿到咱们想要的这些信息来，一保存之后，咱们看一下此时拿到的是什么呀，对不对？SDKD，还有我们的算好的签名，那你说我此时状态下的话呢，一进来之后啊，咱们就可以计算签名，计算成功之后，我们在这个地方咱们就可以进行我们的new的这一个初始化了嘛，啊所以这个活就好办了，那我们在这里怎么进行new呀，我们可以通过一个什么呀，来咱们进行一个Z点引ite tls啊这一个初始化，那这个方法也得他们自己写啊，你以为这东西都是现成的呀，哪来的现成饭呀，我们都得自己写好了，好，接下来的话呢，我把这个res我是传过来啊，还是怎么办都可以，我把这个res的东西咱们给他传过来，那这样的话，咱们在接下来呢，这个方法中就做这个。

初始化了呗，我把这段new的代码给它放出来，列位，你看看你缺不缺东西了呀，来。缺不缺东西呢？这次咱把这东西给放出来啊，缺不缺了，现在来咱们看一眼哈，这个SDKID有没有呀，这个东西有没有值呀，是不是咱们在这里通过这个resd，我们的这个SDD啊，因为我后端返回来这个值的话是SDID，然后再就是我们这个签名，这个就是我们的re SD我们这个签名，哎，我们的这个username的话列外就是当年你这一块的一个name值放在这里啊，有人说客们你是怎么知道的，我怎么总感觉这个user nameme它不应该是这个值呢？还是在文档中人家说了对不对？文档中已经介绍了，说这个username与当年生成user签名的username是一致的，所以咱们用的就是那个open ID啊，咱们也没用什么隐名这两个汉字啊，咱们用的是这个open ID，所以只要能保证跟之前那个是一样的就可以了。

啊，入ID是这个直播间的群聊房间ID，因为咱们进的是谁的直播间，这个入ID就应该是谁的，我们点进来的是杨的直播间，另外咱们点进的不是杨左直播间吗？所以这个值它一定是杨左的这一个值啊，那杨左的直播间的ID是什么呀？另外咱们怎么去获取这个值呀，想没想到咱们当年咱们有一个这个叫做AP user是存的是当前录用户的信息，而里面有个份我还说了呢，诶在咱们跳转页面之前，咱们存了一下，存储的是当前这个直播间的这个信息，对吧？已保存列外再看一眼。里面有没有这些信息来编辑之后，咱们来看一下我的live in服这个数据里面有没有我想要的这些信息了，找找有没有，有没有在哪打印的呀，在哪打印的这块已经开始初始化了，果然都报了好多错是不是啊，没关系，在这里打印出来的，所以那个真正的有用的这个直播间ID，杨组的直播间ID，咱们当时就故意做成了杨组的open ID了啊，唯一标识所这都是一样的，咱们把这个点r midd给它拿出来就可以了，所以我在这个地方填写的应该是这个对象吧，APP啊，咱们来看一下，别写错了哈，然后app. livein.I midd，所以这是咱们什么呀，这个当前直播间的你进入的是组的，那进来的话，显示的话就应该是杨组的这一个直播间的这个ID放在这里，好在此基础上最后的最后再编辑一下来，咱们来看这次你看看他到底有没有问题了，咱们把这个控制台给清一下，点击左进来之后，我认为啊，只要没有。

就红翠就大功告成了，列外可以看一下，在这里的话呢，你看他确实已经记入了TM了，TM这一块对吧，这些log你开始走了啊，他告诉你说这是咱们的这个什么呀，这个什么小程序的这些东西啊，TM的这些东西你看很多很多对不对，走到这里就没有报错，我认为其实咱们已经接入TM这个即实产品，还有咱们的TLSDK初始化已经成功了啊，所以这个过程的话呢，确实哈挺麻烦，但可喜可贺的是咱们总算成功了，那这样的话呢。

我们呀，就可以进一步下一步这一个流程了，然在这里的话，还有如果这个呃，TLSDK准备成功了之后的话呢，你可以在下面这块写一个回调，你看看这一块的话，这个回调的话表示呢，你看叫做ready啊，表示SDK已经ready了，已经初始化成功了啊，然后你就在这里的话呢，啊，就可以打印一个log，如果能走到这个log就说明才是真正的初始化成功，对吧，咱们可以在这儿去写一下，就在我们这个new完了之后啊，咱们就赶紧的进行一个什么呀，进行一个哎初始化啊，进行一个监听事件，咱们在这里的话呢，把这个TS挂到this下面，因为将来我们可能在外面调用一些z.TLS的一些东西，对不对，咱们放在这里把格式稍微的给它格式化一下，哎z.TLS点啊监听，监听的话呢，这块有一个什么呀，什么TLs.even.sdk ready，这个TLS就是啥呀，你看看这里，这就很奇怪哈，他这个文。

存档也是有很多的小小的问题的啊，TLS没有一保存之后会找你事的，你知道吗？一运行之后啊，他在这首先找了我这个事，是说我这个A的问题，我把A给删了先，一运行之后他找的是我的什么问题，TS为0E，这就很奇怪吧，所以在这里的话呢，这个东西TLS这个东西它是我们这个前面这个将来我复制代码全都是TRS，所以我索性把这块给改成TRS得了，导入了这个模块，它里面的话是一个对象，里面有那些属性，所以我们在这里就是把这个new的时候的话呢，也改成TRRS，那这样监听的时候确实是基于TS，所以你看这个文档就是很有意思是吧？啊，那咱们就保证一下啊，就是我们在导入这个模块的时候，就已经导入了这个名字是TLS，所以我们在new的时候的话呢，就要保证是new t ls，那最终的话，我们监听的时候是基于TS的啊，在这个对象下面，好吧，这样的话呢，我们。

一保存，诶咱们在这里呢，打印这样一个log，然后对应的我们测试一下是不是已经ready了呀，来我们在这里初始化成功初始化啊，成功保存之后看看有没有问题，重新的编译一遍，能不能打出来这个初始化成功这几个字样，来点击之后咱们看一眼有没有有没有初始化成功在这里啊，所以很明显咱们初始化成功了啊，然后在最后的最后吧，哎，咱们在这里啊，这个a think这个不支持，让我这个很难受啊，难道我们在小程序开发中不能用这个a think和a wait这种东西吗？啊在这里它确实报错，说这个什么Bible reer GS we啊，原因是一样的哈，就是他在这里可以支持，但是你得自己安装那个模块，你不安装模块是不支持的，安装哪个模块啊，就是咱们的Bible wrongtime这一个模块，那接下来咱们就。

可以在我们的这个小程序的这个代码中，在这儿吧，是不是，嗯，这是我们的代码区啊，那么打开我们的power shell啊，你也可以用其他的命令行来进行安装哈，NP mi安装这个BY包装time这个模块，安装完了之后列位来叉掉，咱们可以检查一下来在这里别忘了继续到工具中构建NPM构建完之后好家伙来保存之后咱们来测，最终测试一下吧，咱们这次测试完了之后，咱们看一下他支不支持这个小模块了，点击到杨组这里面来，另外你看AC的这块我再写他就已经不会再说，哎呀，我不认识这个写法的啊，而且我们的初始化成功也依然没有受到任何的影响，那我可以说我们成功的例外，好吧，好了，最后看们把我们这个配置TLS的流程呀，咱们简单的给大家总结一下啊，配置TLS第一步的话呢。

需要你去计算一个签名啊，这个签名的话呢，咱们得基于我们的服务端来进行计算，所以客们一进来先算签名，签名这一块儿，咱们要把我们当前授权登录的ID传过去算，因为你的目的是把你当前这个用户加入到人家那个直播间里面，就加入到刚才杨左的直播间，咱们点的是杨左嘛，加入到杨左的直播间里面来，所以你传的是你当前登录了ID，我是尹兵啊，我是谁谁谁，你登录进来之后啊，你得把它加到讲索直播间中，那最后算出来这个签名的话呢，咱们在服务端这一块啊，就是之前老的方法咱们不去说了啊，然后在这里在初始化，初始化的时候呢，这块这个是我们返回来的，你也可以写死你这个SDKID啊，然后这个是咱们算好了签名，还有咱们当前授权的用户，而这个room ID一定是什么呀，这个当前直播间，当前直播直播间的这个ID。

你对不对啊，直播间的这个ID。咱们进来是养组，所以就是养组的这个ID，咱们在之前已经存在类务银里面了，对不对？User leader是当前授权登录的用户，那就是点进来了这个人的直播间的这一个对应的ID放在这里，初始化完成之后，咱们就可以在这个监听这个事件，如果能打印初始化成功，我认为你的TLSDK配置成功了，初始化也成功了，那咱们在下一小件中咱们就可以来，诶真正的让它加到直播间里面来，也说这块只是一个初始化，要想加入直播间就差调用一个方法就可以了，诶调到方法之后，那接下来的业务咱们就可以继续展开了。好了，这一小件咱们到这儿。