uni-app开发经验分享十三:实现手机扫描二维码并跳转全过程
最近使用 uni-app 开发 app ,需要实现一个调起手机摄像头扫描二维码功能,官网API文档给出了这样一个demo:
// 允许从相机和相册扫码
uni.scanCode({success: function (res) {console.log('条码类型:' + res.scanType);console.log('条码内容:' + res.result);}
});
该示例确实可以调起手机摄像头,但扫描后没有结果。但它打印了 条码类型 与 条码内容 ,我们控制台查看一下:
条码类型具体参考 官方API文档,写的非常清楚,我们主要谈一下条码内容。不难发现,条码内容的 URL 是由 res.result 产出,那么问题来了,这个 URL 可以访问吗?
带着好奇心,我来到了浏览器地址栏…发现正常访问,这时我就在想,只要扫码后跳转到这个 URL 不就可以完成了吗!
最后,我使用了 HTML5+ 的 openURL API 完成外部链接的跳转,我们先来看一下 API 介绍:
HTML5+ 官网 API 文档:http://www.html5plus.org/doc/zh_cn/runtime.html#plus.runtime.openWeb
1. 语法及介绍
描述:调用第三方程序打开指定的URL
void plus.runtime.openURL( url, errorCB, identity )
2. 参数与返回值
- url: ( String ): 必选,要打开的URL地址,字符串类型,各平台支持的地址类型存在差异,参考平台URL支持表。
- errorCB: ( OpenErrorCallback ) :可选,打开URL地址失败的回调,打开指定URL地址失败时回调,并返回失败信息。
- identity: ( String ) :可选,指定打开URL地址的程序名称,在iOS平台此参数被忽略,在Android平台为程序包名,如果指定的包名不存在,则打开URL地址失败。
返回值:void(无)
最后完善一下前面的示例,让其支持扫描二维码并跳转到相应地址:
uni.scanCode({success: function (res) {void plus.runtime.openWeb(res.result,function(){// 识别失败代码});}
});
uni-app开发经验分享十三:实现手机扫描二维码并跳转全过程相关推荐
- HTML 5 手机扫描二维码登陆网页
首先声明我不是专业做前端的,只是一个java开发者,最近要做一个手机版的网站,但是需求要做类似于微信,扫描网页上的二维码登陆网页版微信,以当时认为这东西必须要APP才能支持,因为所有扫描二维码都是必须 ...
- 随机字符串解决大问题之腾讯网如何实现手机扫描二维码登录qq功能的
随机字符串解决大问题之腾讯网如何实现手机扫描二维码登录qq功能的 腾讯网(www.qq.com)有一个扫码登录功能很有意思, 点击首页一键登录按钮,就会展现一个二维码,用手机qq扫描此二维码就可以使当 ...
- 实现手机扫描二维码页面登录,类似web微信-第一篇,业务分析
关于XMPP组件的文章,先休息两天,好歹已经完整的写了一份. 这两天,先实现一套关于web微信扫描二维码页面登录的试验,因为这种模式在我们的很多业务场景里大有前途. 首先介绍一下web微信登录的过程 ...
- H5实现手机扫描二维码识别
主要依赖于二维码解析库jsQR,它是一个纯javascript的二维码阅读库. 这个库接收原始图像,并将定位.提取和解析其中发现的任何QR码. jsQR 被设计成一个完全独立的库,用于扫描二维码.按照 ...
- 如何实现扫描二维码自动跳转到网页
二维码在我们的生活中随处可见,比如扫码付款,扫描进入小程序,扫码关注等等.二维码可以存储各种信息,主要包括网址.名片.文本信息.特定代码等.今天就以QR code二维码为例,教大家使用条码软件生成二维 ...
- 微信扫描二维码,跳转到第三方网页,并获取用户OpenId和基本信息
扫描二维码后,通过微信网页授权机制,来获取用户基本信息,进而实现业务逻辑. 实现步骤: 1.确定回调URL,即扫描二维码,并通过微信授权后,需要跳转的后台URL地址,例如: http://xialti ...
- js扫描二维码并跳转
项目中,需要用到扫描二维码,并识别二维码.在此记录,便于以后深入了解,这里是一个简单的例子: 这里需要引入jquery.js和jquery-qrcode-min.js <!doctype htm ...
- 经验分享:查看手机微博二维码名片方法
分享一个和技术开发无关的经验,但是对手机微博不熟悉的话,这个经验还是很有作用的,就是通过手机微博查看个人的微博二维码.感觉微博二维码完全是照搬照抄微信二维码来弄的,微博二维码和微信二维码的作用类似,就 ...
- 实现手机扫描二维码页面登录,类似web微信-第三篇,手机客户端
上一篇,介绍了二维码生成的机制,紧接着,我们就要开发手机客户端来识别这个二维码. 二维码,实际上是记录了这个页面的sessionID,目的是为了最后让服务器能通过long polling的机制去通知到 ...
- 面试必看:手机扫描二维码的测试用例(建议收藏)
二维码概述 二维码本身就是一个URL,只是通过QR码的形式把URL和用户身份信息转换成二进制的0和1,二维码中黑色的色素块代表1,白色的色素块代表0,我们通过相机扫码,就获取了二维码中的URL 测试用 ...
最新文章
- 【转】如何单独编译Android源代码中的模块--不错
- DEDE列表缩图中 给缩图添加alt锚文本信息的方法
- VTK:Filtering之PerlinNoise
- Java黑皮书课后题第7章:*7.28(数学:组合)编写一个程序,提示用户输入10个整数,然后显示从这10个数中选出两个数的所有组合
- python pip install pil_解决python的pip install PIL失败问题
- 在页面中给flash加链接
- matlab怎么求imf图,MATLAB中提取EMD分解后的每个IMF图像,并导出每个IMF数据
- 最新手机号段 归属地数据库(20191210,共439265条,包括最新的号段)
- vue+jsplumb 实现连线绘图
- 文献笔记(4)(2018ISSCC 13.3)
- String类的常用方法都有哪些?
- Proximity sensor---Px318J
- IOS逆向(1)IOS越狱
- 计算机安装msvcr110.dll,安装WampServer报错 计算机中丢失MSVCR110.dll 的解决方法 | 睿客网...
- VSPD虚拟串口使用教程
- consul kv迁移
- fastadmin 数据导出,设置excel行高和限制图片大小
- 招聘java是什么意思_企业招聘Java程序员的标准到底是什么?
- C++的对C的扩展(1)
- c 只获取程序名_UG NX后处理出EXCEL程序单的解决方案