13-cookie和session/19-尚硅谷-书城项目-把谷歌验证码加入到书城中使用

咱们这个验证码呀，怎么使用啊，已经讲了，诶那么我们需要注意什么呢？大家看，对于咱们这个书城来说，我先把这个停了哈，该跑书城了。稍等。其实咱们书城的注册里面其实也用到了验证码，大家来看一下哈。好，这个书城里面注册这个地方是不是也用到验证码呀，那么接下来我们就把谷歌验证码换到书城中来使用，这个使用呢，也是按照我们刚刚讲的这三个步骤来用就行了，那第一步怎么打包呗，是吧，那我把这个步骤给你操作一次啊，再操作一次，首先我们把这个架包拿过来复制，复制完了以后注意啊，放到咱们书城里面。粘贴进来是吧，粘贴进来之后这个包要重新导一次啊，在这里面配置一下。

添加一次。诶加进来了是吧，加进来这个验证码在哪，就它啊加进来了好加进来以后第二步，大家看第二步是不是都web点叉没有弄去配这个验证码呀，那你都配过来呗，把这段复制过来就行了。呃，到这里面配置一下骨运动码啊，那么第三步大家看一下第三步是不是使用一密来使用这个运动码呀，那就是咱们这个东西。这个东西呢，你复制这一段，或者说是你就复制这一段。然后复制完了以后，到咱们的这个注册里面来。运动码这个地方哈，把这个地址给人家换掉，哎，那咱们再重新部署一下。

好，部署成功了，那么咱们来刷新一下这验证码是不是出来了，你把这个改小一点就行了哈，怎么改跟刚刚一样啊，我给大家改一下哈。宽度，呃，咱们要100个像素，高度28或者26个像素，呃，这个就不要100了，要80就差不多了吧，来咱们刷新一下，看见了吗？这就上来了哈，这就上来了，然后呢，你再细微的调一下，这个可以再高一点，再宽一点是吧？呃，那这个呢，再高一点的话就30。再宽一点的话就是啊，上面这个呢，也也可以上当调一下啊，你可以自己再调一下。还行，呃，然后呢，这个80就撑死了，不能再多了啊。

差不多啊，就这样子了啊，丑就丑一点，因为一般这个是美术调好的，我们其实不太需要调，这里大家就示意一下，现在呢，第三步大家看第三步咱们就做好了，第四步是干嘛，你是不是到服务器那边去获取谷歌生成的验证码去比较一下来这个代码呢？其实咱们刚刚不是写了一次吗？核心是不是就是这个位置，你就把这个代码复制过去。到哪里啊，到咱们的。Usual注册这里面注册呢。诶，这里面来用一下就行了，是吧，就获取这个验证码，然后咱们现在有个验证码嘛，咱们原来是什么写死的，那现在呢，嗯，快能活的呗，Token不等于now，并且token。

ES这个验证码就完事了啊，这里呢，我们打开这个断点，咱们来验证一下，要重新部署一下啊。这移动码使用不是特别难啊，放心。好，部署成功，那么来吧，咱们就刷新一下。套型好了以后，ZWG168123456123456，哎，ZWG168艾特艾特QQ。qq.com好，这里是什么东西呢？4FD3E，大家注意接下来的提交，我们关注的是验证码的使用啊，咱们就不看这个注册了，来走。诶。呃，咱们的断点好像没没没停是吧。大点，好像没停哦，这是乱的，看见吗？这是乱的启动的，来这停了再跑一次。用第八个。

123456123456。啊，咱们说啊，重启了，这这这页面得刷新一下，这样好一点。刷新刷新刷新ZWG168123456。456123456ZWT168艾特qq.com。3M841提交，大家看到这球过来了啊。我们看这里，呃，从session中取出来的验证码是什么？3M841看见了吗？然后走走走走走客户端的验证码跟session中的验证码是不是一致啊，你看这就说明可以用了啊，其实咱们看到这里这个session验证码，这个谷歌验证码加入到咱们书城就已经完成了，到这里就差不多了哈，好。

那后面咱们就不关心了，咱们就放过去就行啊，放过去就行好。