注意 | |
---|---|
此功能仅20120824以后版本支持 |
进入Web认证->认证页面标签,勾选下面的使用自定义上传的认证页面:
接着点击“这里”进入上传页面,将自定义的网页和图片都放在同一文件夹中压缩成ZIP/TAR/TGZ 格式,然后浏览找到该文件,勾选上传后是否自动解压缩后点击“上传”按钮
重要 | |
---|---|
这里上传的网页名必须为webauth.htm路由上才能读出(手机版的页面命名为webauth_mobile.htm),将所有网页元素都放在同一目录下压缩。 |
接下来用户Web认证就可以用新的页面打开了,如果需要页面预览,也需要在路由内网网关指向路由才能实现
也有不经过用户名密码自动认证跳转的认证方式,将此模板按上述方式上传后,需要在用户帐号管理中加入一个用户名密码为hs的特殊帐号,添加大数量级的允许同时登录数:
客户端打开会有两次页面跳转,打开任意一个网页会弹出如下页面:
点击“开始免费之旅”进行第二次跳转:
点击“开始上网”后即可通过认证正常上网。
注意 | |
---|---|
手机版本的认证页面会和PC版的认证页面的界面效果略微不同,功能上还是一致的。手机建议用UC、QQ、九天等浏览器 |
如果需要自行设计模板请注意以下几点:
所有文件都在一个文件夹下包括js css htm样式
所有页面文件都采用相对路径
webauth_mobile.htm和webauth_pc.htm为手机和PC认证页面,文件名固定不能改变
打包时所有文件必须都为一级目录下,打包为zip格式
html里面的images,css,js文件路径必须加upload 例如:在webauth_mobile.html中有代码“upload/1.jpg” 而1.jpg与webauth_mobile.html放在同级目录
下面这段代码是配置自动登录时所需的:
$.ajax({ type: 'POST', url: '/api/webauth', data: "username=hs&passwd=hs&action=login", dataType: 'json', success: function(data) { $("#btn_login").attr("disabled", ""); $("#msg").html(data.msg); if (data.ret == 1 && from != ''){ var url = ''; if (data.redir == undefined){ url = decodeURIComponent(from); }else{ if (data.redir.match(/\?/)){ url = data.redir + '&from='+from; }else{ url = data.redir + '?from='+from; } } window.location = url; } } }); return false; }); });