微信扫描二维码后怎么跳转到指定网址?

简介: 微信扫描二维码后怎么跳转到指定网址?

微信的扫一扫功能很简单,有两个途径可以打开:

1.右上角+,然后点击“扫一扫”

2.“发现” -> “扫一扫”

image.png

它可以扫:二维码、小程序码、条形码等各种码,因为微信的普及,导致人们有扫码需求便会立刻想到微信。仿佛扫码和微信扫码画等号了,不得不佩服微信的影响力。

日常生活里大家用它来扫码付款,扫码登录某个网页,或者打开某个小程序,或者扫码显示一段文字等等。扫码后的动作取决于被扫的这个二维码,如果二维码内容是url,那么微信识别到这样的网址格式便会自动跳转,除了一些特殊的url(例如ip地址、被封的网址、竞争对手的地址等等)。你想要扫码后跳转到指定网址不可能的!除非你能修改掉微信程序。

但是凡事不是那么绝对的。除了上面列出的两个途径难道没有其他地方打开微信扫码功能了吗?答案是有的。很多人应该会遇到过这样的一些网页表单,表单里一个文本输入框,后面一个扫码图标。点一下这个扫码图标便会启用扫码功能,和微信自带的扫一扫看起来一模一样,对准二维码或者条形码,滴得一下二维码或条码的内容便会出现在网页中。

所以说了这么多废话,“微信扫描二维码后怎么跳转到指定网址?”到底怎么搞?,答案是只能在自己的网页程序里搞,你首先得有一点编程的基本知识储备,如果是一个码农更好了,技术不用多高,会复制粘贴的那种就行,当然能稍微知道点HTML和js就更好了。

<input type="text" id="sn">
<a href="javascript:window.open('//996315.com/api/scan/?redirect_uri=' + encodeURIComponent(location.href), '_self');">Scan</a>
<script type="text/javascript">
var qr=GetQueryString("qrresult");
if(qr) document.all.sn.value=qr;
function GetQueryString(name){
    var reg = new RegExp("\\b"+ name +"=([^&]*)");
    var r = location.href.match(reg);
    if (r!=null) return decodeURIComponent(r[1]);
}
</script>

将上述代码保存到一个.htm文件中例如起名为saoma.htm,然后将它上传到网站上(内外网服务器均可)。之后去访问它,点里面的“scan”即可扫二维码或条码,你会看到扫到的东西显示在输入框里。

image.png

上图是扫的一个快递单条码

备注:快递单条形码内容应该只是数字,但是微信会将条码类型也显示在上面,条码类型有十几种的,比如快递单用的是CODE_128,如果不要这个内容可以用qr.split(",")[1] 这个来按逗号分隔然后去数组2即可。

如果要跳到指定的网址怎么弄呢?答案是通过js代码的window.open方法跳转即可,例如扫描后跳转到百度。

<input type="text" id="sn">
<a href="javascript:window.open('//996315.com/api/scan/?redirect_uri=' + encodeURIComponent(location.href), '_self');">Scan</a>
<script type="text/javascript">
var qr=GetQueryString("qrresult");
if(qr) window.open("https://www.baidu.com");
function GetQueryString(name){
    var reg = new RegExp("\\b"+ name +"=([^&]*)");
    var r = location.href.match(reg);
    if (r!=null) return decodeURIComponent(r[1]);
}
</script>

可是只是这样的跳转有啥意义呢?和我们扫的二维码根本没有关联。为了让它变的有意义,我决定拓展一下。

我们经常会看到快递单上的条码吧?你有试过在百度中直接搜索快递单号的那串数字么?不需要输入快递名称,它就能显示物流信息!百度搜索的链接结构是这样的:www.baidu.com/s?wd=关键字,因此我们可以这样修改:

<input type="text" id="sn">
<a href="javascript:window.open('//996315.com/api/scan/?redirect_uri=' + encodeURIComponent(location.href), '_self');">Scan</a>
<script type="text/javascript">
var qr=GetQueryString("qrresult");
if(qr) window.open("https://www.baidu.com/s?wd=" + qr.split(",")[1]);
function GetQueryString(name){
    var reg = new RegExp("\\b"+ name +"=([^&]*)");
    var r = location.href.match(reg);
    if (r!=null) return decodeURIComponent(r[1]);
}
</script>

保存为xx.htm文件,上传到服务器,访问这个地址,然后点“scan”随便扫一个快递单条码看看,神奇的事发生了,我们只靠上面几行代码竟然实现了查询快递物流信息了!

image.png


目录
相关文章
|
1月前
|
移动开发 前端开发 Android开发
开发指南059-App实现微信扫描登录
App是用uniapp开发的,打包为apk,上传到安卓平板中使用
|
3月前
|
小程序
微信小程序多种跳转页面方式
微信小程序多种跳转页面方式
|
1月前
|
算法 小程序 Java
java制作海报三:获取微信二维码详情,并改变大小,合成到海报(另一张图片)上
这篇文章介绍了如何使用Java获取微信小程序的二维码,并将其调整大小后合成到海报(另一张图片)上。
42 0
|
2月前
|
小程序 开发工具
app跳转微信小程序,使用明文scheme拉起
app跳转微信小程序,使用明文scheme拉起
485 4
|
4月前
|
前端开发 小程序
【微信小程序-原生开发】实用教程20 - 生成海报(实战范例为生成活动海报,内含生成指定页面的小程序二维码,保存图片到手机,canvas 系列教程)
【微信小程序-原生开发】实用教程20 - 生成海报(实战范例为生成活动海报,内含生成指定页面的小程序二维码,保存图片到手机,canvas 系列教程)
416 0
|
6月前
|
小程序
微信小程序实现不同按钮跳转同一个页面显示不同内容
微信小程序实现不同按钮跳转同一个页面显示不同内容
146 0
|
4月前
|
移动开发 小程序 前端开发
php + h5使用 scheme页面跳转微信小程序-其他浏览器一键跳转到微信并打开小程序
php + h5使用 scheme页面跳转微信小程序-其他浏览器一键跳转到微信并打开小程序
125 0
|
6月前
|
移动开发 小程序 安全
使用阿里云短信+微信短链接跳转微信小程序
此内容是关于使用阿里云短信带传递参数的微信短链接跳转到微信小程序。首先,需要准备微信开发者工具和一个已认证的小程序。接着,开通云开发并配置云开发权限。然后,配置H5静态网页,包括设置云开发权限和处理不同设备的跳转方式。最后,上传云函数并修改其权限,获取微信短信链接,配置短链接参数,并开通阿里云短信服务以进行测试验证。整个过程涉及到了微信开发者工具、云开发、H5页面配置、云函数的创建和部署以及阿里云短信服务的开通和使用等步骤。
530 0
|
6月前
|
小程序 UED
微信小程序跳转的几种方式
微信小程序跳转的几种方式
|
6月前
|
小程序 JavaScript
微信小程序长按识别图片二维码功能
微信小程序长按识别图片二维码功能
405 0