关于二维码扫描的方案，以及代码教程！

打酱油 · 发表于 2015-3-4 23:50:27

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有账号？注册

×

本帖最后由打酱油于 2015-3-4 23:57 编辑

想看效果的可以把ros HOTSPOT开启试用，然后访问：
http://120.24.72.182/trial.html
---------------------

先上代码。

<!DOCTYPE>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>-</title>
</head>
<body onload="Linkfunction()">
<a href="$(link-login-only)?dst=http://ROSwifi.com&username=T-$(mac-esc)&popup=false" id="Link"></a>
<script language="javascript" type="text/javascript">
function Linkfunction(){
document.getElementById('Link').click();
}
</script>
</body>
</html>

复制代码

body里的内容是正文。
a标签里的是试用跳转的地址，在我以前的帖子里有提过。a标签写了一个id进去，给后面的js调用

js比较重要，首先给body给一个onload，也就是页面加载完成的事件。
js在body加载后，模拟点击a标签。

看论坛有个帖子里面有个直接跳转的方案，那种方案有些浏览器不会跳转。
通过js模拟点击可以完美解决。

如果需要延时跳转，让用户在当前页面看完广告，等待几秒。。。替换

document.getElementById('Link').click();

复制代码

为下面的代码

setTimeout("document.getElementById('Link').click()",5000);

复制代码

5000就是5秒。。。
以上是代码和分析。
----------------------------
具体使用方法，先把上面的代码保存为html文件，放到web服务器上。
用二维码生成器，把html文件的绝对地址生成成二维码。
然后你懂的。
记得把hotspot的试用开启哦！-------------------

<a href="$(link-login-only)?dst=http://roswifi.com&username=T-$(mac-esc)&popup=false" id="Link"></a>

复制代码

dst就是来源地址，可以在用户认证完后跳转到这个地址！自行修改。

ROS HOTSPOT交流群：http://jq.qq.com/?_wv=1027&k=WqpzQx 群号：71773725

打酱油 · 发表于 2015-3-5 00:03:01

本帖最后由打酱油于 2015-3-5 00:09 编辑

再扩展点，如果你想实现简单的微信关注才能上网，很简单。

认证过的微信公众帐号，设置一个菜单，名称随意，跳转到上面你编辑好的文件url上。或者http://120.24.72.182/trial.html
用户点击菜单后跳转到这个url上完成试用用户登录。

未公共认证的用户，设置关键字回复，回复你编辑好的文件url上，或者http://120.24.72.182/trial.html
用户点击链接，完成。。。

可以用在很多地方，自己想

扩展知识：
微信有js，可以判断非微信app内浏览，加入这个js，就可以防止在微信外访问这个url，然后成功认证！

判断微信浏览器的知识：http://www.jb51.net/article/50708.htm

online2311 · 发表于 2015-3-6 08:08:31

太完美啦！！赞一个！！我用的是域名，访问wifi联入的跳转是一个页面，未联入的wifi访问的域名是另外的一个页面。通过内外网dns控制显示的内容。

vipe · 发表于 2015-8-28 20:06:58

很好用，值得推荐

z125454760 · 发表于 2015-10-14 23:35:06

赞一个先，，

账号		自动登录	找回密码
密码			注册

[Hotspot] 关于二维码扫描的方案，以及代码教程！

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

相关帖子