iOS实现简书的登录验证方式(极验验证)

1,036 阅读3分钟

###开篇 我们登录简书的时候就会看到如下类似的验证方式,个人还是很喜欢这种验证方式的,想着如果把它自如自己设计的软件中还是不错的,但是我们要怎么实现这种验证效果呢,今天就来介绍一下。

图形验证码.gif
####他是怎么做的呢? 作为一个好奇宝宝类型的开发,从开始见到他,就觉得这个方式不错,酷炫,仔细想想可能包含二次验证,安全性可能还可以,见了斗鱼的那个背景是广告的验证方式,简直刷新了三观,验证码也能做广告了!后来仔细找了一下,原来我们可以通过一个第三方工具来实现它,这就是极验验证。 ####介绍 首先我们来看一下他的逻辑,这里我们先放上他的官网地址和iOS版的开发文档。

下面我们看一下极验验证文档中给的实现流程图

实现流程图
从上图中可以看到,在JS与用户交互中,与极验的服务器和我们自己的服务器进行两次验证,在验证方式的安全上有了一定的保证。
极验后台.png
我们注册登录后台后可以在个性定制了设置自己想要的图片甚至可以使用高级定制根据自己的网站或者APP的风格去定制验证的样式和图片。 阅读了他的官方文档之后,觉得他使用还挺方便的,不好的就是,不像许多的第三方那样,无法完全摆脱后台,单独我们移动端自己去尽情的尝试,必须和后台服务器相结合。 有人会说,你一个移动端做什么验证登录,苹果的风格不是注重简单和实用性么,但是这种验证风格在不同的环境中还是有其用武之地的,重点是用它帅啊(傲娇)。 ####看代码 就像上文中说的,他无法摆脱服务器进行自己的尝试,所以就只能先看下官方提供的代码了。官方代码地址传送门在这里吐槽一下,如果能像融云那样,利用网页版与移动端就行交互自己试验就比较理想了。

示例项目截图
首先我们创建一个工程的时候要把那两个静态库加入到项目中,然后,将GTFramework.framework项目以Static Library的方式进行引用。将所需的GTFramework.framework拷贝到工程所在文件夹下。在 TARGETS->Build Phases-> Link Binary With Libaries中点击“+”按钮,在弹出的窗口中点击“Add Other”按钮,选择GTFramework.framework文件添加到工程中。[add GTframework to 'Link Binary With Libraries']。 具体的使用方法相信官方的在线文档里已经讲得足够详细了,由于不能自己全部试验,后台又有别的事,这里只能先简单介绍这些了,相信大家的聪明才智,只要有了方向,别的都不是问题了,以后如果用到了,再做个详细的使用教程。 ####后记 欢迎使用过这个下伙伴们,留言使用过程中遇到的坑,希望对想做这个但又不知道怎么下手的小伙伴有所帮助。