uni-app-实现手机扫描二维码并跳转全过程
uni-app-实现⼿机扫描⼆维码并跳转全过程
前⾔
最近使⽤ uni-app 开发 app ,需要实现⼀个调起⼿机摄像头扫描⼆维码功能,官⽹API⽂档给出了这样⼀个demo:
// 允许从相机和相册扫码
uni.scanCode({
success:function(res){
console.log('条码类型:'+ res.scanType);
console.log('条码内容:'+ sult);
}
});
该⽰例确实可以调起⼿机摄像头,但扫描后没有结果。但它打印了 条码类型 与 条码内容 ,我们控制台查看⼀下:
条码类型具体参考 ,写的⾮常清楚,我们主要谈⼀下条码内容。不难发现,条码内容的 URL 是由 sult 产出,那么问题来了,这个URL 可以访问吗?
带着好奇⼼,我来到了浏览器地址栏…发现正常访问,这时我就在想,只要扫码后跳转到这个 URL 不就可以完成了吗!
实现⽅法
四大名妓是谁
十大服装品牌最后,我使⽤了 HTML5+ 的 openURL API 完成外部链接的跳转,我们先来看⼀下 API 介绍:
1. 语法及介绍
描述:调⽤第三⽅程序打开指定的URL
void plus.runtime.openURL( url, errorCB, identity )
2. 参数与返回值
1. url: ( String ): 必选,要打开的URL地址,字符串类型,各平台⽀持的地址类型存在差异,参考平台URL⽀持表。
日本经典鬼片2. errorCB: ( OpenErrorCallback ) :可选,打开URL地址失败的回调,打开指定URL地址失败时回调,并返回失败信息。
3. identity: ( String ) :可选,指定打开URL地址的程序名称,在iOS平台此参数被忽略,在Android平台为程序包名,如果指定的包名
网上购票如何取票不存在,则打开URL地址失败。
返回值:void(⽆)
最后完善⼀下前⾯的⽰例,让其⽀持扫描⼆维码并跳转到相应地址:
uni.scanCode({
success:function(res){
void plus.runtime.sult,function(){
招行个人贷款利率
// 识别失败代码
});
}
奥运会年龄限制是多少
});
你可以参照 uni-app 与 HTML5+ ⽂档API来进⼀步完善,⽂档链接前⾯已经给出。
写在后⾯
如果觉得本⽂帮助了你,还请⾼抬贵⼿赠予 ⼀个 Star。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。