125-尚硅谷-尚医通-前台用户系统-微信登录-准备工作

各位同学大家好，刚才给大家介绍了一个理论概念，叫做o to，那下面呢，咱就来开发微信登录功能，首先我先说明一下微信登录我们的实现的过程，咱们是怎么做到的，然后咱们来进行相关的开发，那各位看啊，首先呢，我们在页面中呢，当我点击登录注册，它是不是弹出一个登录框啊，咱们之前实现了根据手机号进行登录，也就是说我输入手机号，然后发送验证码，咱们通过输入验证码最终完成登录，而这里边呢，咱们除了手机号登录之后，还有一个就是微信进行登录，那微信登录怎么做呢？大家看啊，首先在里边的第一部分给各位说理需求。我们在这个位置呢，大家看啊，这里边是不是有一个按钮，所以我们的第一步就是当我点击这个按钮的时候，让他就弹出一下我们那个进行微信登录的二维码，咱是不是要做一个扫码登录，这是里边的第一步，就是我们点击它，然后让它就弹出一个微信扫描二维码，也就是说我们现在一点页面中就出现一个二维码的这么一个显示。

那我在图上给大家画一下，比如说这个位置我们有一个微信扫描到二维码。然后二维码出现之后呢，我们下一步用微信是不是要扫这个二维码呀，然后扫之后在你微信上点击同意，那我们就完成登录，登录过程中呢，这里边在微信端，然后调用他的接口，然后得到你扫码人的信息，就完成了微信扫码登录，而微信扫码登录之后，下面我们还要进行一步，因为我们之前第一个功能是用手机号登录，而我微信扫码之后，咱是不是要给这微信绑定一个手机号，所以我们要这么做，就是给他。

绑定你的这个。手机号。也就是微信扫码成功之后，咱们再进入到的还是这个页面，在里边绑定手机号，流程跟之前那个一样，所以咱们现在做这个微信登录，就是里边的这么一个流程，给各位再说一遍，然后咱们进行开发，首先第一步在这页面中点击按钮，它会进入到页面显示微信二维码，当我们用微信一扫，调用咱们一会儿写的接口，得到你扫码人的信息。在扫完之后，咱们要绑定手机号，当然这个数据呢，最终肯定要添加到数据库中，咱就完成了微信二维码登录，然后最终页面中也显示与扫码的信息，包括一些内容，所以这个是咱们要实验的一个基本需求分析，大家就这过程，然后这过程的需求给各位分析之后呢，下面咱就开始进行这个相关的开发。那我们看一下啊，首先第一部分各位要知道，你要进行微信扫码登录，首先要做一些准备工作，那我们需要做什么准备工作呢？我在课件中给大家都列出来了，我们来看一下里边这些准备工作。

那各位看啊，首先第一个呢，因为咱们要用到微信中的这个宣传操作，而微信是不是由那个腾讯公司开发一个东西，比如说我们要调用腾讯那边的内容进行实现，所以首先第一步呢，咱需要在微信的开放平台上，先给他注册优用户，这注册用户的目的就表示啊，让你有这个用微信这个相关接口，这个权限，就让他给你做个授权，咱需要做一个注册，就是用个邮箱注册就可以了。但是注册之后呢，有一个问题啊，目前呢，它只支持这个企业级别用户进行这么一个微信登录的申请，如果你用个人用户，目前还不支持，所以我们这里边需要你完善资料，然后上传你的这个企业营业执照，另外有一个认证费300元钱，当你这里边通过之后才能进行我们的金额操作，所以他需要这个步骤。

然后这些都通过之后呢，会给咱们提供出来一个就是微信进行这个接入的一个ID和密钥，也就是里边的这两支，这个我用公司的账号给大家已经注册过了，各位用我的账号这些字已经测试可以了，就是一个ID，你懂没有。然后除了这个之外呢，我们在进行这个微信准备的时候，还需要一个东西，就是创建一个网站应用，什么叫网站应用呢？也就是说这个步骤咱是不是要显示二维码呀，在二维码的下边是不是要显示出你二维码这个名称啊，比如说我当时申请名称啊，这个名字叫我的鼓励啊，这个名称，或者你叫什么我的上医通等等，所以这是一个名字，咱这个名字需要由微信那边给我们审核通过才能使用，如果这没有通过二维码，它无法显示。

比如里边的这个过程，这个过程时间稍微慢一点，大概需要最多七个工作日审批通过啊，但是一般来讲一到两个工作日应该都能成功，所以这时候我们需要的一些准备工作，这些给大家都准备好了，就是最终咱们需要的就是一个ID这么一个密钥。这个我们提到的啊，然后除了这个之外呢，在这过程中其实还需要一个东西，就是一个域名，这个域名是干什么的，大家注意啊，比如说现在我用微信一扫这二维码，那在我手机上是不是显示一个确认信息呀，当我们点确认的时候，咱是不完成这个扫码呀，而你完成扫码之后，他是不是要得到你扫码人的信息啊，所以在微信那端呢，给咱会做个回调，也就是说当你扫码之后，会调一下我们指定那个接口一个路径，而这路径咱们没法调用咱的本地，因为它默认找不到，咱需要找一个能够进行网络访问的域名才能访问，所以需要一个访问的一个域名，这域名给各位也是听出来了，各位后面用它做测试就可以了。

所以这些呢，都是咱们进行微信登录的一些准备工作，这各位给他知道啊，包括各位以后如果在实际的公司里边做操作，这些需要你自己给他就是提前都准备好。这是我们的第一部分。然后除了这个之外呢，下面呢，我这里边就是在微信的官方，它有一个针对微信登录的一个官方文档，这个文档，然后文档中呢，就详细介绍了，我们做这个微信登录该怎么去使用，就是里边一个记录文档，因为咱们现在是在网页端的操作，所以咱们选择网站应用，然后完成里面内容，然后大家看一下啊，这里写到。这里边是基于什么，是不是also to这么一个进行的微信登录，然后这里边有这么一张图，是一张序列图或者实序图，它就告诉我们写这个微信这么一个代码该怎么做，这后面给各位会具体说，所以这是关于咱们对于微信登录的一个这个介绍，各位的知道啊。

然后这个说完之后呢，咱们下面就可以开始开发里边的具体功能了，就来实现一下我们这个微信的扫码登录，而微信扫码登录中我们要做的话呢，需要怎么做呢？来进行快速分析一下，然后来写代码。首先第一部分咱们是不是要生成易购微信扫描的二维码啊，这是第一步，然后第二步要编写一下你那个回调的方法，也就是你扫码之后那个方法，因为它会自动去调咱们这个方法，然后方法里边然后获取到你那个扫码人的信息，比如说谁扫二维码，然后把他的头像、昵称等信息得到，然后最终这些信息可以再加到咱的数据库中，所以咱们要写的话，需要写两个接口，第一个接口生成微信扫描的二维码。

第二个接口，编写回调方法，获取扫码人的信息。这是关于我们对于他的一个基本介绍，这个我们就说完了啊，然后说完之后呢，咱们下面先做一个最基本的准备工作，然后一会儿咱们写两个接口，首先第一个准备，因为我们在操作中需要有几个值，就刚才提到的ID、密钥，域名，那把这些值我们先做个处理，比如现在我把它呢，就复制到我这个service user里边这个配置文件中。在配置文件中，咱们写入咱们一会儿用到的几个值。啊，这是我们的第一个准备，然后准备之后呢，我们的第二部分，比如现在我在这里边呢，我们写个工具类，工具类做什么呢？跟咱之前写的类似，就是咱之前在这个短信里边曾经写过这么一个工具类。

或者各位是否记得啊，就在我们项目一加载，然后他就读取配置文件，把里边值得到，所以咱们现在也是写上类似这么一个，就是相关的工具类，然后实现读取配置文件中的相关的内容，那下面给各位我把它快速写下啊。首先这里边啊，比如说我就直接这么做了啊，我就把这个类咱直接给它复制过来，然后在里边给它快头改一下。我先建一个包，这个包我起名就叫做us，给它创建一下啊。然后在U里边呢，我们来把这个类。复制过来。复制过来之后，为了区分，我给他加个名字，我叫这个微信。然后在里边来读取配置文件中的内容，那我们来看一下啊。

在配置文件中呢，有这么几个值，第一个值就是它的ID，包括它的密钥，我就从这里边直接就复制了啊，因为它就是这么几个值，跟我们之前写的应该说是一模一样的，没有什么区别，我把它拿过来。然后大家看一下啊，第一个值就是ID，也就是这个值。微信点open.apid第二个叫密钥。然后第三个是这个比ul，就是咱说那个回调的地址，微信它会调这个域名地址，最后一个就是咱们那个前端项目local house3000，然后除了这个之外，下面咱们写几个常量。常量中来接收，里边就是那些读取到的这些值，把这个拿回来，然后下面呢，咱就做一个。负值的处理，第一个ID，我们叫这个APP。啊，不叫，应该叫APPID啊这个值。

这个，那我来。然后第二个就是这个密钥，第三个地址，第四个ul，也就是里边的。这么几个值我把它都复制过来，所以现在咱们这个准备工作就完成了，当我一加载的时候，它就读取配置文件，然后把配置文件中的值给它读到，就是我们写的第一步啊，然后写完之后呢，第二部分我在里边呢，比如说我再来建个包。比如我起名就叫API，在API中呢，咱们创建一个CTRL，然后CTRL里边就来编写，咱们一会用这个两个接口，那我现在把这CTRL给它创建出来。我们就叫这个微信A片。CTRL了。然后在CTRL上边我们加上它相关的这个注解啊，就是里边的这个注解。那这注解啊，给大家特别说一下啊，里边有个特点，应该是我们在词spring mvc阶段应该提到的，大家注意啊，首先这个risk就request mapping就不用说了，就是我们的地址嘛，然后这里边是不是叫C。

同说，各位是否注意啊，咱们之前写的注解应该用的不是controller，之前用的都是这个叫controller。这各位应该记得啊，Rate controller是不是用它来返回数据啊，默认是返回这的数据，而现在我写controller controller什么意思呢？它就不会返回数据，而咱写ctrler，我们可以让它做一个页面的跳转，比如说重定向到某入径中中，为了我们跳转更加方便，所以现在我们就完成了一个最基本的准备工作，这里边我加一个注释。就是微信。操作的接口，然后在微信操作接口中，咱们有两个接口，第一个就是生成微信扫描到二维码，然后第二个接口就是回调的这个方法，得到扫码人的这个信息，比如说谁扫二维码，把那个人的信息打开给他得到。

这个啊，就是关于我们这么一个准备工作，各位把这做到，然后做到之后，咱们马上就来编写这两个接口，然后最终把它的前端给它折出来。