126-尚硅谷-尚医通-前台用户系统-微信登录-生成微信二维码-接口开发

各位大家好，我们继续来开发微信登录的接口，首先呢，我们先开发第一个接口，就是生成微信扫描的二维码，那这个怎么做呢？咱们来看一下相关的文档，首先我们看这里写到。微信二维码，因为咱们现在啊，是不是以弹出层的形式把二维码是不是进行显示啊，而不是直接用页面进行访问，所以怎么做呢？在这个腾讯的或者说微信的官方有个文档，文档中就告诉我们里边的实验方式，那这个文档呢，我这里边给大家打开，就是里边的这个文档。然后这个以弹中层的形式显示二维码，该怎么做呢？大家看一下啊，这里边告诉我们，首先第一步呢，我们在页面中先引入一个JS文件，就是里边的这个文件，大家看，这个文件是由微信那边给咱们提供好的，它叫做微信烙印的JS。

然后这个影之后里边的第二步，咱需要使用微信登录的地方，实例以下的对象就是用一个微信烙印，然后里边传入里边的这些参数，包括有ID等等这些参数，而这些参数呢，一会儿咱要通过接口把参数进行返回，所以这是关于它的实验步骤，也就是说我们要写的接口干什么呢？就是写个接口返回这里边需要的相关的参数，包括里边的这些值就可以了，然后在页面中我们进行调用，就能实现出二维码的这么一个显示，那里面这些参数都是什么意思，我带着各位来看一下，它在文档中都做了说明，然后咱们看啊。咱们看主要的你看这参数中啊这么一部分是否必须，如果我们是是的话是必须要有，是否的话就可以没有可选参数，那我们看这个设参数，第一个参数ID就是你的第三方页面显示二维码的容器的这个ID，就是里边的这么一个ID置，比如我们叫lo con容器的ID，比如你二维码显示到你页面中的什么位置，比如说咱是div，然后div的ID叫什么名字，显示到这里边，然后第二个叫APID，就是咱们微信登录中这个ID址，也就这个值。

第三个值叫scope，这个值呢表示用的作用域，但是目前这里写到网页目前只填一个固定值，下一个叫uri，它就表示已做回调，也就是咱们微信扫完二维码之后，它就请的那个地址，就是这个回调地址，然后这里写到回调地址需要咱做个URL编码。还有一个叫state，还有一个叫h ref，这是它那个样式，包括等等，包括这个其值，而我们写这几个式的这个值就可以了，所以现在咱把这个这个说明，那说完之后呢，咱下面先来起个接口，在接口中就是返回微信扫码登录生成二维码中需要的这几个参数就可以了，那下面再来写一下我们的第一个接口。

刚才的准备工作我们应该都完成了，那我现在在里边写一下。第一个参数生成，微信扫描二维码，咱们返回。生成二维码需要的这几个参数，那我写一下啊，首先我们写一个这个get提交，然后在里边给它起个名字，比这个名字我就叫get low p下面写上这个方法，方法里边咱们来一个这个。Public。然后他后面加上它的反应类型，就是里边那个。Result，包括这个方案名字等等内容，那我给他快速加上。我们加一下他考。

Result。然后加上这个方法名字。然后在里边呢，咱就要返回它的相关内容，但是返回内容的时候各位注意啊，有一点咱们刚说过，之前呢，在这注解是不是叫risk controller，通过risk controller能直接反应数据，但是我改成control，目的为了咱后面做这个跳转方便，所以咱用它，而现在我这里面要返回，那我直接return应该反应不了，所以咱们需要在这方法上面啊，我再加个注解，就咱们应该都知道这个注解叫做responsibility，通过这个注解可以向我们这里边摆数据，然后这过程中咱们就可以写一个什么，是不是可以来一个。Map集合，然后把map集合中放数据，最终咱可以做这么一个就是返回啊，所以这是我们的实验方式，那我下面把它快速写完。我这里边就是捏上一个。卖不集合？然后我向map集合中设置咱们相关的这几个参数，咱们一个一来设置啊，首先我们看里边的第一个参数，我们到这里找一下，第一个参数呢，就是里边那个叫APPID这个参数，比如咱们说那个微信，我们那个ID。

然后微信ID呢，因为刚才我们有这个工具类，我们找到啊，就是里边这个。Constant。然后里边啊，就是这个啊，我把这个复制过来，就用这里边这个ID。我们拿过来点上这个ID，这是里边的第一个参数，然后除了它之外，我们再写下里边的第二个参数，我们找一下，第二个参数呢，就是里边的这个叫做scope，就从这里找啊scope。然后这个scope，刚才咱们看到它是写上一个固定值，它的固定值就是里边这个。蝼蚁这个拿过来，然后里边还有后面几个参数，我给它都依次拿过来可以了，然后咱们看第三个参数，这个叫。

Redirect u。这个参数就是咱们重定向的一个地址，但是这个参数呢，咱们需要给它做一个UY编码，那我给它写一下啊，首先咱从里边把这个参数取到就是。应该是里边的这个啊，Re URL，然后这里边得到咱们这个地址，这个地址呢，咱们给它做一个编码，就是一个叫ul。已扣的。点上这个叫以后的里边加上你这个地址，再加上一个编码方式，我们叫U杠八，然后最终返回到就是咱们这个地址，我把它做负值。然后再把地址给他直接传过来，我在下边写下啊map.put加上你这个参数名字。

再加上你的地址，它的参数名字direct。这样的话把这个写出来了，这里面有异常，咱可以来上这么一个拆开给它就补合一下啊，我把这些都给它放到我们这个拆开里面来。这个他都。放进去。然后项目代码它也是。挪过来。所以这样的话呢，把这个我们就设置出来了，然后设置之后，我们再设置下面的参数，我们再看一下啊，还有什么参数，下面应该说没有什么参数，应该就是一个参数啊，主要就这些啊，当然还有一些其他值就可有可无，比如说咱们给它写个我们来一个这个state，这个值可以没有，然后state里边呢，其实是一个原样输出，就是你给它传回来生么值比它会给你反应什么值也是这个值呢，咱就得到一个当前这个时间，我把这个啊给他。

设置一下啊，但这值可以没有，但是上面几个是必须要有的，所以现在在麦果中咱给他就放入了这么一些值，然后放完值之后，最后再加个铝退。Result。点OK里边它map，把它最终做一个返回就可以了，所以这样的话呢，咱们现在就把这个代码，我们就最终给他就完成了，如果有异常咱就给投。瑞成一个那。这就是关于我们写的第一个接口，返回生成微信二维码中的相关的参数，这几个参数咱都写到了，主要有一个参数，注意这个地址需要做一个UIO的编码，编码之后再推进来就可以了。那这个啊，我们就完成了啊，关于这个接口开发。然后这个接口它完成之后呢，咱们下面就来写下它的前端，在前端里边把这个二维码给它最终生成出来。

那这个啊，我们先说到这里，然后咱们一会儿来整合它的前端。