园区WiFi认证成功后跳转落地页设计要点

用户在Portal输入账号密码，点了登录，接下来会发生什么？正常情况下浏览器会跳转到一个页面，然后用户就可以上网了。这个跳转的页面就是认证成功落地页。它不是可有可无的装饰，而是认证流程的收尾：告诉用户认证成功了、接下来能做什么、账号有什么权益、出问题找谁。落地页设计得好不好，直接影响用户对整个WiFi体验的最后印象。

落地页首先要明确告诉用户"认证成功"。不要认证完直接跳转到百度，用户根本不知道是认证成功了还是自己跳错页面了。落地页顶部要有一句清晰的确认，比如"认证成功，您现在可以正常上网了"。这句话看似简单，但它消除了用户最后一点不确定：我到底连上没有？

接下来是落地页的内容。对员工用户，落地页可以简单："已认证，欢迎使用XX园区办公网络"，加一句内网入口链接（OA、邮箱、内部文档），员工就直接开始工作了。对访客用户，落地页要多一点信息：园区地图、访客服务电话、最近的会议室位置、WiFi使用时长说明。访客对园区不熟，这些信息是真有用的。对临时活动用户，落地页可以放活动入口、签到链接、服务台位置。

跳转目标怎么定。Portal系统支持按SSID、按用户组、按认证方式配置不同的成功跳转地址。员工SSID认证成功跳转到园区内网首页；访客SSID跳转到园区服务门户；会议SSID跳转到会议签到页。不要所有用户都跳同一个页面，那样要么员工看到一堆访客信息觉得多余，要么访客找不到需要的东西。

跳转本身有几个技术细节要注意。第一，跳转要快。认证成功之后浏览器立刻跳走，不要在落地页停留太久。用户的目标是上网，不是看落地页。落地页加载要轻，几KB的HTML就行，不要做大图轮播。第二，跳转要用正确的HTTP重定向方式，302跳转，不要用JavaScript延迟跳转，有些手机浏览器会拦JS跳转。第三，跳转地址要和认证请求同域或者可信域，不要跳转到一个外部陌生域名，那样浏览器可能弹安全提示，用户以为被劫持了。

认证成功之后还有一个问题：用户的浏览器会继续做什么。很多用户认证之前本来就打开了几个网页，认证成功之后这些网页要能自动加载出来，不要让用户手动刷新。这要求AC在放行之后，不阻断用户原来的HTTP会话。有些Portal实现会把用户原来的请求丢掉，用户看到的就是几个一直转圈圈的标签页，要手动刷新才出来。这种体验问题在测试的时候容易忽略，要在真实手机上验证。

还有防跳转劫持的问题。Portal认证的原理是用户访问任意HTTP网站，被AC重定向到Portal。这个机制如果配置不对，有被滥用的风险：攻击者伪造一个Portal页面，窃取用户账号。所以正式部署的时候要注意几点：Portal页面要用HTTPS，浏览器地址栏显示锁的标志，用户能识别这是真页面；重定向的时候带一个一次性的token，真Portal服务器验证这个token才返回页面，假Portal没有token就返回不了；AC要只把第一次未认证请求重定向到Portal，认证之后的流量直接放行，不要再做任何重定向，否则用户正常上网的时候会被反复弹Portal。

落地页还要处理一种情况：用户认证成功了，但马上就断线了（比如账号过期、或者被管理员强制下线）。这时候浏览器不能一直停在"认证成功"的页面，要能检测到用户已经被踢出，下次打开网页的时候重新弹Portal。这种状态切换是后台实时的，不是落地页一显示就完事。

访客用户的落地页还要展示账号权益。比如"您的访客账号有效期到今天下午六点，可使用XX小时"、"如需延长请联系前台"。让访客知道自己能用多久，不会用到一半突然断网不知道原因。员工的落地页也可以展示账号信息：当前登录账号、流量使用情况、下次到期时间。这些信息用户不一定每天看，但需要的时候能在这一页找到。

落地页不是营销位。很多园区想在落地页放广告、放通知、放活动信息，结果页面变得很重，用户点登录之后要等好几秒才能跳走。可以放，但要克制：一条滚动通知就够了，不要做成门户网站。落地页的首要任务是确认认证成功、引导用户进入正常网络，不是做内容分发。

认证成功跳转这一段，是用户感知认证系统的最后一米。前面的输入、验证、放行都做完了，最后这一下跳转顺不顺、落地页清不清楚，决定了用户是觉得"WiFi很好用"，还是觉得"每次认证完都卡一下"。把跳转做快、按用户群体分不同落地页、防劫持做扎实、断线状态及时反馈，这最后一米才走得顺。

不同终端对落地页的适配也要考虑。手机屏幕小，落地页要做竖向流式布局，按钮够大、文字够大；笔记本屏幕大，落地页可以做双栏，左边确认信息右边放内网链接。但本质上是同一个页面，通过响应式CSS适配不同屏幕，不要给手机和电脑做两个完全独立的页面，那样维护两份内容容易不同步。

认证之后的会话保活也和落地页有关。用户认证成功、浏览器跳走了，这时候不要马上把Portal会话清掉。如果用户过了一会儿网络断线重连，原来的落地页还能用来判断状态。会话过期时间要合理，太短用户切个后台再回来就要重新认证，太长会占用服务器连接资源。通常这个窗口和认证有效期保持一致，员工账号是一天，访客账号是几小时。