iKuai爱快流控路由

标题: 三步教你260怎么使用自己的认证模板 [打印本页]

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

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

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

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

<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代码,以下代码的作用是为跳转的链接添加参数对象，虽然不明白，但是好厉害的样子...

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

复制代码

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

(, 下载次数: 24)

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

(, 下载次数: 20)

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

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

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

作者: 海虹景丁敏 时间: 2016-5-30 20:08
沙发。。。。。。。。。

作者: 秀字营 时间: 2016-5-30 20:09
本帖最后由秀字营于 2016-5-30 20:11 编辑

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

作者: 爱快居委会保安 时间: 2016-5-30 20:15
我来看花了五毛的技术帖子
学习下有助于提高技术
谢谢了

作者: vindison 时间: 2016-5-30 20:17
之前说好的增加基础模板啥时候有？

作者: skytszx 时间: 2016-5-30 20:39
为了生活，只有记号了。

作者: 云一笑 时间: 2016-5-30 21:08
看来我这代码水平连五毛都不值一提

作者: jacol 时间: 2016-5-30 22:13
MARK.......

作者: itnison 时间: 2016-5-30 22:29
这贴太贵啦。5毛。

作者: applehappy2008 时间: 2016-5-30 22:36
还是建议增加几套行业相关模板的，不喜欢的可以自己设计，毕竟还是有很多比会设计模板的

作者: 小莫 时间: 2016-5-30 23:05
终于把免费试用添加到自定义WEB里面去了

作者: chr0529 时间: 2016-5-31 00:36
绝对牛逼的技术贴，谢谢了！

作者: 爱快产品经理 时间: 2016-5-31 08:54
260比之前简单很多

作者: ietuufcu 时间: 2016-5-31 09:05
本帖最后由 ietuufcu 于 2016-5-31 09:24 编辑

楼主，反映个问题。。。一直用WEB认证，但一直被这个跳转的事搞得烦。。。使用中发现爱快经常有不跳转的情况如下图（X86,小白都有）我的理解爱快的自定义认证地址跳转不是由本路由直接发起导致的，而是通过URL重定向到爱快的服务器，再由服务器发起跳转。

(, 下载次数: 18)

(, 下载次数: 22)
所有跳转，认证都放云端，如果爱快云访问不了，意味着客户所有的认证都没办法用？

作者: hefengxing 时间: 2016-5-31 09:10

老实说，没有图文并茂，我居然看不懂

作者: 爱快小黑 时间: 2016-5-31 09:54

作者: fyang 时间: 2016-5-31 10:13

ietuufcu 发表于 2016-5-31 09:05
楼主，反映个问题。。。一直用WEB认证，但一直被这个跳转的事搞得烦。。。使用中发现爱快经常有不跳转的 ...

认证跳转是由路由直接跳转到认证url的。不经过爱快服务器的。只有在配置认证方式的时候，由爱快服务器给路由下发配置，所有模板都是在路由本端保存的。

作者: iktc007 时间: 2016-5-31 10:30
哇，5毛呢哇，一定要学习下咯~

作者: 梦里听海 时间: 2016-5-31 10:39
这5块钱花的值，起码打了不少字

作者: 爱快小黑 时间: 2016-5-31 11:02

梦里听海发表于 2016-5-31 10:39
这5块钱花的值，起码打了不少字

我也这么觉得

作者: ietuufcu 时间: 2016-5-31 11:04

fyang 发表于 2016-5-31 10:13
认证跳转是由路由直接跳转到认证url的。不经过爱快服务器的。只有在配置认证方式的时候，由爱快服务器给 ...

看图，先是跳转到这个地址，再由这个地址发起跳转。另对接填的东西全是链接。

作者: 爱快产品经理 时间: 2016-5-31 11:18

ietuufcu 发表于 2016-5-31 11:04
看图，先是跳转到这个地址，再由这个地址发起跳转。另对接填的东西全是链接。 ...

不是跳转到外网的这个地址，路由直接将此地址跳转到本地。

作者: 爱快产品经理 时间: 2016-5-31 11:18

ietuufcu 发表于 2016-5-31 09:05
楼主，反映个问题。。。一直用WEB认证，但一直被这个跳转的事搞得烦。。。使用中发现爱快经常有不跳转的 ...

你这不是在爱快路由的环境打开的此页面把

作者: ietuufcu 时间: 2016-5-31 13:34
本帖最后由 ietuufcu 于 2016-5-31 13:38 编辑

爱快产品经理发表于 2016-5-31 11:18
你这不是在爱快路由的环境打开的此页面把

是啊，就是爱快环境下，这个是我打开别的网站自己跳转的，不是我自己打开的。然后就不动了。因为我用的自定义地址正常情况未认证前打开任何网站先跳转http://portal.ikuai8.com/Action/。。。。再跳转到自定义地址。

如果不是在爱快环境提示是这样的
(, 下载次数: 20)

作者: guang19831217 时间: 2016-5-31 14:57
5毛，赞下下。

作者: fyang 时间: 2016-5-31 16:43

ietuufcu 发表于 2016-5-31 11:04
看图，先是跳转到这个地址，再由这个地址发起跳转。另对接填的东西全是链接。 ...

是的全部都是a连接。但是这些链接也都是路由器里面做dns解析的。portal.ikuai8.com会在路由内部就响应了

作者: pk统一 时间: 2016-5-31 17:32
如果对接sql2008数据库的用户账户和密码字段，怎么写？

作者: ietuufcu 时间: 2016-5-31 21:57
本帖最后由 ietuufcu 于 2016-5-31 22:02 编辑

fyang 发表于 2016-5-31 16:43
是的全部都是a连接。但是这些链接也都是路由器里面做dns解析的。portal.ikuai8.com会在路由内部就响应了 ...

你有碰到过我图片上的情况吗?用的小白1。22
(, 下载次数: 22)

(, 下载次数: 17)

作者: 活得像个人 时间: 2016-6-2 15:55
直接提供一个模板下载来学习最快

作者: 438614871 时间: 2016-6-2 16:27

活得像个人发表于 2016-6-2 15:55
直接提供一个模板下载来学习最快

确实那样容易理解

作者: sanmm 时间: 2016-7-23 08:04
建议提供demo的网页下载，让小白好好研究

作者: wuliao 时间: 2016-7-23 10:42
楼主这5毛花的值啊~

作者: asas69888 时间: 2016-7-23 12:20
学习中

作者: netohall 时间: 2016-7-28 17:34
能把密码按照js的方式传过去自动认证码？就跟老的版本一样。<script language = javascript> ikPasswordLogin(pwd);</script>

欢迎光临 iKuai爱快流控路由 (https://bbs.ikuai8.com/)