4.尚硅谷全套JAVA教程—实战项目（71.89GB）/尚硅谷-云尚办公系统/视频/103-尚硅谷-云尚办公系统-微信公众号-微信授权登录（配置内网穿透）.mp4原创

各位同学大家好，刚才呢，我们完成了公众号菜单管理，在后端实现了接口，前端完成了公众号菜单推送，最终呢，在公众号里边能看到相关的菜单，那下面呢，我们继续往下实现，咱们下面做什么呢？我们来完成微信授权登录，那这个里边要做什么？首先把需求给大家做个介绍。各位注意啊，比如说我现在在我们的管理员系统中，我们加了用户，那交完用户之后，最后我们这里边要进行审批，咱们在员工端是不是进行登录，但是员工端我们用微信登录之后，比如说我现在啊，用我的微信关注了公众号，而你关注之后，你这个用户跟你这管理员里边加的用户是没有任何的关联，而我现在要把我微信用户跟我管理员加的用户进行关联，这样的话才能完成我们真正这个操作，因为一般啊，在实际公司里边，这个用户都是由管理员统一添加的，把公司的人员加到这个表里边，所以我们现在要做的第一件事情是什么呢？让我们的微信，我们的后台的员工账号进行关联，关联之后才能完成我们的后续操作。

那这个怎么做呢？我强调啊。这个流程各位应该见过，比如说我现在关注公众号之后，我们做这个操作，那操作的时候呢，它里面会弹个框，让我们进行授权，或者说同意，当咱们点击授权之后，那这个时候呢，我们这里边要访一下我们这个本地的接口，在本地接口中会得到微信的信息，然后跟我们的本地账号进行绑定，而咱是怎么绑定的，我们的方式就是通过员工的手机号和微信绑定，因为微信里边有一个字段叫open ID。然后大家看一下啊，我们这个用户表中有这么一个字段。

就是这个op ID，咱们基于这个手机号，让我们这个账号和微信进行绑定，比如说我现在微信关注之后，他一操作，让他先授权绑定手机号，然后绑定手机号之后，咱们根据他查询看手机号在里面是否存在，如果存在的话，那就获取微信的open ID，最终完成绑定。咱目前是这个过程，也就这里写到的啊，通过员工手机号与微信的open ID进行绑定，后续进入就知道是哪个用户完成这个操作，所以咱们现在要完成这个过程，把微信账号和员工账号进行绑定。而这个绑定过程中啊，里边有一个细节问题，咱们需要做个准备工作，什么细节问题呢？比如说我现在啊关注微信公众号，我们做操作，这个时候呢，他会弹个框，让咱们点同意。

这个效果各位应该都见过啊，咱们一般关注某公众号之后，你要点同意能获取你微信信息，当我点同意之后呢，这个时候微信那端会给我们做件事情，他会回调一个地址，这个地址呢，其实就是我们本地的接口，但是目前啊，有个问题给大家说明啊，我这里简单画一下这个问题是什么啊。各位注意，比如说这部分是那个微信的公众号。各位注意啊，这公众号肯定不是在咱本地，是不是在微信那个服务器上，而咱们有本地的这个接口，我们本地接口中做什么呢？那就是获取这个微信的信息，然后完成这个账号的这个绑定，把微信账号和本地这个用户账号进行绑定，但是要把微信的信息获取到这个时候呢，微信当你公注就是关注之后啊，它会自动去回调咱们本地的接口。

当然目前问题来了，我这公众号不是在我的电脑中，是在微信服务器上，而我本地的地址那个微信公众号他是不是肯定不知道啊，所以这个时候他是没法直接访问到你的本地接口的，这个过程他是做不到的，就你本地是local house，但是公众号他不知道，他没法访问到，所以咱怎么做呢？注意啊，这里边有多种方式，第一种方式你可以把你的本地接口部署到一台服务器中，有一个可以外网访问的域名，然后公众号里边配置是可以的，就通过域名可以访问，但是这个时候呢，你需要去买那个服务器，然后里边还需要买域名，它肯定是特别不方便，所以这个时候呢，为了咱们测试，咱们可以这么做，用一个工具进行实现，这工具叫什么呢？看这个名字啊，叫做内网穿透工具，通过它来实现这个过程。

我这里写一下啊。通过一个工具叫内网穿透工具，那什么叫内网穿透工具呢？给大家这里来写一下啊，这个工具你理解为啊，它本身有一个就是可以外网访问的域名，比如说你能联网，那这域名都能访问到，给我们提供一个域名，然后这个域名呢，就是可以映射到你的本地接口，比如说咱们访问这个域名，它就直接帮我们去访问本地接口。假如说域名啊，是什么OA点硅谷点CN，当你访问域名，它就会自动调你本地local接口，咱可以把这域名地址在微信公众号上进行配置，所以目前啊，咱需要用到这个工具叫内网穿透工具，我们用工具就是一个目的，让公众号能访问到我们的本地接口，因为它默认不能访问本地的local house地址，所以现在啊需要用到这个工具，另外呢，就是这里边这个工具里边呢，我们有两个地方需要用到第一个地方。

做微信授权的时候，他需要访问到我们这个本地接口，然后第二个在我们这个公众号的页面中也要调用我们这个接口啊，包括要访问那个公众号的页面，这两部分都需要用这个内网传统工具。我写一下啊，就是公众号里边那个页面的。地址需要使用到。然后第二个就是我们这个后端的接口地址需要使用到，也就是具体来说啊，咱们后端接口地址是不是这个8800这个地址，这个需要用到这个工具让它能返回到，然后第二个是咱们前端这个公众号那个页面，就是9090这个地址，也需要用到这个工具才能访问到，所以这里边啊，我们就准备两个这个域名进行操作，一个是9090这个端口号。

另外一个是这个8800的端口号，这两个咱们通过内网穿透工具进行访问，因为默认啊，它不能直接访问到咱的本地。所以现在啊，用的工具进行实现，这个工具呢，也是实际中一个比较常见的工具，因为它不需要我们去买域名，直接用这工具就可以进行实现。这个啊是咱说的一个需求，我再重复一遍啊，就说的简单点，咱们现在要做个微信授权登录，就是把你的微信账号跟我们这个后台的员工账号进行绑定，这过程中通过手机号和微信里边那个open ID进行建立，但是过程中当我们授权登录之后，就是同意微信获取信息之后，这个时候它会回调咱们一个接口，但是接口在本地，微信它不能访问，本地接口他肯定找不到，这个时候咱需要用到一个域名，而我们通过一个工具叫内网穿透，把这个地址在公众号进行配置，然后可以实现。

咱们项目中两个地方需要用到，第一个公众号页面需要用到这个域名，第二个后端接口地址需要用到，咱把这两个都用内网穿透进行实现啊，这是我们目前这个就是简单需求啊，如果各位还不清楚，一会儿咱们在实际中给大家做到这个具体操作中会再来重复一遍。那下面呢，咱就准备一下这个内网穿透工具，给大家说明一下啊，内网穿透工具呢，在实际中有很多很多的工具特别多，我们这里边啊，用这么一个工具叫你可以用别的工具也可以啊，我就以它为例，因为首问址问。

这个地址。点C在里边呢，你首先做个注册，用你的邮箱进行注册，我这边已经注册过了，然后注册之后我们进行登录啊，我现在登录一下啊。这里边输入你的密码。现在我就登录进去，然后登录之后呢，在里边我们需要做第一件事情，什么事情呢？你需要做一个实名认证，把这个完成，我是之前认证过的啊，之前认证的时候呢，它是需要收费的，认证费是两元啊，各位可以给他认证一下，就是你身份证的信息给他填写正确，或者说有些图片的上传等等，把它完成认证，认证之后才能开通这里边的相关这个。工具使用它叫隧道嘛，就是通过隧道域名能访问到你本地接口，这是我们要做的，做这个注册之后实名认证，另外注册的时候注意啊，这里边的邮箱我们一定要填一个真正你能用的邮箱，不要随便写一个，随便写一个呢，虽然他也能注册，但是后面可能有些地方不太方便啊，这个注意一下，写一个真正能用的邮箱，然后之后怎么做，咱来开通这个隧道，通过隧道来进行这个内网穿透，那怎么开通，大家看啊，点击开通隧道。

然后在里边我们看啊，有很多它这些里边呢，就是前面呢，都是收费的，最后一个是免费的，我这里边强调啊，就是推荐各位用这个收费的，它是十元每月也够我们用了啊，你用免费的也可以，但是免费的有一个问题，因为他用的人很多，会经常掉线，我这里用的是这个收费的，那怎么用，给大家演示一下啊，比如说我们现在点这个叫立即购买。然后点确定。在这里边我们有几个需要填写，咱们填一下啊，第一个就是协议，咱目前用的是TP，第二个咱们一个隧道的名，就是给你这个起个名字啊，这名字我课件中都写到，可以随便写，比如说我现在啊，我加一个名称，就是这个叫test啊，就叫它了啊，第三个加一个叫前置域名，就是它最终啊生成那个域名，它里边有一个你自己可以起个名字，比如说我们叫这个OA啊，或者叫别的其他名字都是可以的。

啊，当然这个已经被占用了啊，咱叫O硅谷。这个名字。啊，没有这个不能有这个杠啊，我就叫他了啊，咱就要做个测试，然后这里边什么意思呢？就是我们现在啊，它最终会生成一个域名，然后这个域名呢，它里边一访问会指向咱们本地一个地址，比如说本地给我写一个8800，或者说9090，咱先以它为例，现在这就完成填写。

你看我课件中都写到了啊，HTP这个名字随便写，这位置写一个前置域名，其实也是随便写的啊，它里边有些规范，如果重复它会提示你下面加上你本地服务器的地址127.0.0.1，咱们是8800，还有那个9090，现在用它做到，然后最后啊，这里边我们就是因为这是免费的嘛，咱们点击确定添加就可以了，这就完成这个隧道啊，然后确定开通。就完成了，完成之后我们看一下啊，咱就看我刚才写这个就这个。我们给它点开啊。大家看啊，这个叫隧道ID，然后这是你本地那个接口的地址，看这位址，他给咱们赠送了一个域名，这域名可以外网直接访问，就你能联网，域名就能访问到，当你访问域名就会到你的127.0.0.18800端口中去，这就叫内网穿透啊，当然这里边的你可以再改。

比如说这个号可以改，但是这里写到啊，你的前缀域名写完之后不能改，所以你把这删掉。这个啊，咱做一个开通，我这里边啊，是我花了钱买了两个这个前置域，这个域名。就是之前啊项目中用到了这里边我一直在用啊这两个，所以在后面用它进行操作，一个是9090，一个是8800，各位给他自己来开通一下，或者说我用我这个也可以啊，但我这有一个有效期也够各位够各位使用啊这个时间。现在啊，这个就完成了隧道开通，推荐各位啊，最好找一个收费的，免费的也能用，比如说你再注册一个账号，再开通一个也可以，但是免费的有时候经常连不上，可能有时候会耽误点时间，收费的一般没有什么问题。这个啊，完成完成之后我们再来看啊，就是现在我这里开通了两个隧道，但是隧道要使用该怎么用呢。

这里说明啊，你不是说我现在开通之后它就生效了，这个没有生效，你需要把隧道进行启动，怎么启动呢？咱们看一下啊，比如现在我来到首页中啊，咱先给他退出去啊，退出去。回到它那个首页ng.cc，在首页里边这位置有一个叫客户端下载，咱们来下载一下，然后这里边找到我们这个Windows版本，你把客户端下载啊，我这已经下载过了，通过客户端咱们来启动这个隧道，我现在下载过了，就这个啊，然后怎么启动演示一下啊，我现在把这个点开，因为我是Windows啊，然后你找到这个。叫做BA双隧道里边，我重新进入啊。我还是登录进去啊。

啊，这是我那个用户名和密码。然后登录之后呢，找到隧道，找到隧道之后，咱就用这两个啊，首先大家看啊，在每个隧道前面是不是有一个叫隧道ID，咱们现在啊把它就复制一下，这是第一个。我先拿过来复制，复制之后呢，后面再加个逗号，我再复制第二个就是这个。这个啊，别复制错啊，这个我也复制一下，然后把它复制过来，现在有两个中间，注意有这个逗号啊，两个值是不一样的，然后现在我们来给它回车，回车之后大家看啊，现在这里边有一个当前隧道的状态叫online，是不是在线状态，那表示这隧道就启动成功了，如果这里边不是，那表示没有成功，你需要再等一会儿，或者你重新给它打开一下，一般来讲啊，你收费的一般都没问题，如果你是免费的，这有时可能不是online，你需要多等几会儿，或者说给他多试几次就可以了。

所以现在啊，这个隧道就启动了，启动之后我们再进行访问的时候，咱们只需要访问这个域名，就会到我们的8800或者9090的端口中去，这个就叫内网穿透，咱们后面使用一个用于我们的后端接口，一个用于公众号的前端的页面的部分。这个啊，咱们就做到这里啊，所以各位把这给头准备一下啊，通过这个进行实现啊，当然在实际的就是公司里面开发的时候呢，内网穿透也会用到，但是有的时候因为它这里边毕竟经过一层，还要到你的本地，所以公司里边很多时候还是用那个实际域名进行部署，那个方式更多啊，咱这里边通过内网穿透进行测试，因为毕竟各位同学在开发中不可能每个人都去买个域名，这确实没这个必要啊，用它可以实现，因为过程都是一样的。

所以现在啊，把这个就完成了，开通我再快速重复一遍啊，虽然不难，但是做了很多事情，第一个你这里边打开这个网址，注册账号，然后登录进去实名认证，认证之后你这里边开通这个隧道，如果你用免费的话，你可以注册两个账号分别开通，填写信息确定开通，开通之后下载它的客户端，在客户端里边复制你的这个C到ID，然后回车。最终你看到这个效果叫online，那就表示这个隧道就成功启动了，咱们一访问域名就会到达到本地的这个。端口中去啊，所以现在这个准备工作就完成了，这是我们做的第一部分配置内网穿透。