三步教你260怎么使用自己的认证模板

爱快产品经理

       对于wifi认证，很多人一直在问为啥爱快为何不多添加几套模版供大家选择，在这正式回复下：
主要是 样式上的需求各种各样，这个要大图片插屏，那个要两百个Banner轮播，那个要填个调查问卷，这个要插入视频。姿势花样太多，设计的妹子太傲娇，PM征服不了。
      所以爱快的技术宅们优化了下原有的自定义认证，使得原有的配置工作量和难度下降了90%不止，不会写代码，也能配置自己的Portal的页面了。
      目前爱快支持的认证方式有

认证方式	说明	是否支持
微信连WIFI	微信连Wi-Fi-3.1	支持
微信一般对接认证	微信一般对接认证	支持
微信高级对接认证	微信高级对接认证	支持
手机短信认证	通过输入手机号再填写随后获取验证码，验证通过上网	支持
用户密码认证	通过输入路由器中设置的用户名和密码进行认证上网	支持
优惠券认证	通过输入商家发放的优惠券码进行认证上网。	支持
固定密码认证	通过输入路由器中设置的固定密码进行认证上网。	支持
QQ 认证	通过使用腾讯 QQ 帐号和密码进行授权认证上网。	支持
微博认证	通过新浪微博帐号和密码进行认证上网。	支持
一键认证	无密码认证，通过点击按钮，直接认证上网。	支持
倒计时认证	通过等待指定的秒数认证上网的方式，适用于广告展示。	支持
免费试用	有免费限时的一键认证，一般和其他方式一起使用。	支持

下面开始正题：
     第一步:配置Portal页面。
               首先你得有一个Portal页面的，为了做示范，我花了5毛钱，让我们的研发写了一个Demo,如下，(我觉得我亏了)：

    用编辑器打开页面文件，在Portal页面的认证入口（按钮或者是连接）添加触发URL,不同的认证方式添加不同的触发URL，如下：

1. <a class="ttt l-QQ" href="http://portal.ikuai8.com/Action/webauth-up?type=5" id="btnAuthQQ">QQ认证</a>

复制代码

更多的认证方式如下表

认证方式	触发URL	说明
用户密码认证	http://portal.ikuai8.com/Action/webauth-up?type=1
优惠券认证	http://portal.ikuai8.com/Action/webauth-up?type=2
固定密码认证	http://portal.ikuai8.com/Action/webauth-up?type=3
手机短信认证	http://portal.ikuai8.com/Action/webauth-up?type=4
QQ 认证	http://portal.ikuai8.com/Action/webauth-up?type=5
微博认证	http://portal.ikuai8.com/Action/webauth-up?type=6
一键认证   （无密码认证）	http://portal.ikuai8.com/Action/webauth-up?type=7
倒计时认证	http://portal.ikuai8.com/Action/webauth-up?type=14
微信一般对接   高级对接认证	http://portal.ikuai8.com/Action/webauth-up?type=8   需要在微信公共平台填写放行URL   http://10.1.0.6/Action/wx_release?ikwx=2
免费试用	http://portal.ikuai8.com/Action/webauth-up?type=11
微信连 WIFI	http://portal.ikuai8.com/Action/webauth-up?type=12

然后再添加以下JS代码,以下代码的作用是为跳转的链接添加参数对象，虽然不明白，但是好厉害的样子...

1. //请注意此方法必须在文档加载完成的时候执行
   
2. function urlcat(obj){ //obj 为跳转 a 连接的 js 对象
   
3. var serach = window.location.search; //获取当前 url 中的各项参数，带问号的
   
4. var href = serach.replace('?',"&"); //将首字符’?’替换为’&’
   
5. obj.each(function(){
   
6. var url = $(this).attr("href") + href; //url 字符串追加
   
7. $(this).attr("href",url); //给 a 连接重写 url
   
8. });
   
9. }
   

复制代码

然后呢......就可以了。就可以了！！！！！！这就可以了？？？？是的。最后的结果是这个样子。

  把这个页面上传到服务器(支持内网)，把Portal页面的URL填写到云平台的自定义认证URL内就可以了。

以下的流程和基础模板的流程就一样了，选择认证方式，一定要记得选择和Portal模板里面写的相同的认证方式。配置全局变量等等，保存就可以了。

这次是真的可以了。具体的文档大家也可以直接查看自定认证的帮助文档。

还有人要问如果要支持计费，用户列表等功能咋办，兄弟们放心，这个功能是单独开放给我们大部分不会代码的同学们的，更高的需求我们有API对接支持，请联系我们的销售的同学。

海虹景丁敏

沙发。。。。。。。。。

秀字营

我赞，膜拜ing。同步借鉴更新到技术支持页面

爱快居委会保安

我来看花了五毛的技术帖子
学习下有助于提高技术
谢谢了

vindison

之前说好的增加基础模板啥时候有？

skytszx

为了生活，只有记号了。

云一笑

看来我这代码水平连五毛都不值一提

jacol

MARK.......

itnison

这贴太贵啦。5毛。

applehappy2008

还是建议增加几套行业相关模板的，不喜欢的可以自己设计，毕竟还是有很多比会设计模板的