微信小程序 扫一扫跳转到外部链接

【UniApp】uniapp跳转外部链接的方式 在uniapp中,跳转外部链接的方式主要依赖于应用运行的平台(如H5、App、微信小程序等),因为不同平台对外部链接的处理方式有所不同。 阅读详情

微信是不支持直接跳转到外部的链接,那就真的不能了吗???

我们可以转换一下思维,中间先跳转到其他页面,在通过页面内的<web-view></web-view>标签中的 src 属性进行设置就可以了

在wxml 文件中写:

<button bindtap="fun">扫一扫</button>

在js文件中调取微信扫码API方法

  fun() { 
    wx.scanCode({  // 微信扫码 调起客户端扫码界面进行扫码
      complete: (res) => {}, //接口调用结束的回调函数(调用成功、失败都会执行)
      fail: (res) => {}, //接口调用失败的回调函数
      onlyFromCamera: true, //是否只能从相机扫码,不允许从相册选择图片,这里是只允许相机扫码
      scanType: ['qrCode'], // scanType:扫码类型 : 二维码
      success: (result) => { // 接口调用成功的回调函数
        console.log(result);
        wx.navigateTo({ //navigateTo:页面跳转 保留当前页面(页面隐藏,并未销毁,节省性能),跳转到应用内的某个页面。但是不能跳到 tabbar 页面  ,小程序使用页面跳转方法的时候 不能添加文件扩展名,否则会没有反应
          url: '/pages/gyf/gyf',
        })
        wx.setStorage({ // 设置微信本地存储数据
          data: result,
          key: 'key',
          complete: (res) => {},
          fail: (res) => {},
          success: (res) => {},
        })
      }
    })
  }

可以看到我们navigateTo 是跳转我们本地的一个页面

 我们可以在这个页面中使用<web-view></web-view>标签中的 src 属性进行外部链接跳转

<web-view src="https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.switchTab.html"></web-view><!--指向外部的网页链接-->

 

实现微信扫一扫跳转到小程序指定页面 使用微信扫一扫跳转到小程序指定页面,并且可自定义参数 阅读详情

相关推荐

UniApp】uniapp跳转外部链接的方式

uniapp跳转外部链接的方式

m0_63472757的博客 2813

微信小程序跳转到其他网页(外部链接)

https://blog.youkuaiyun.com/qq_32113629/article/details/79483213

1万+

微信小程序实现微信APP上的扫一扫扫码跳到小程序对应的结果页面和签字等功能

最近做了一个小程序项目,这个小程序是搭配APP端使用的,大概需求是这样的,用户用微信的扫一扫或小程序首页的扫一扫都可以实现对APP上的二维码进行扫码识别,识别成功之后跳到页面进行渲染,然后用户可以对其签字和编辑提交等。当用户扫码成功后会跳到一个临时页面temporary.wxml,这个页面作为一个中转页面,主要是为了当用户从微信的扫一扫进来时也是先进这个中转页面再到结果页面,相当于从微信的扫一扫进来时不用到小程序的扫一扫里再授权什么的。

qq_37635012的博客 4869

微信小程序——小程序跳转外部网页

1.进行小程序与微信公众号的关联操作 2.引导小程序关注公众号,并进入公众号首页。 3.在公众号首页菜单栏里添加外网链接。

小灰灰 1万+

别再乱改grub.cfg了!手把手教你用GRUB2自定义多系统启动菜单(含UEFI/BIOS双模式配置)

本文详细介绍了如何安全、高效地使用GRUB2自定义多系统启动菜单,涵盖UEFI/BIOS双模式配置。通过避免直接编辑grub.cfg文件,采用正确的配置方法和命令,帮助用户打造稳定且美观的启动环境,特别适合Linux多系统用户和开发者。

weixin_42553471的博客 590

Android 13/14/15 默认授权应用权限的实现方法

Android版本修改方式实现原理13/14修改Permission.java将所有权限标记为Normal权限15修改DeviceIdleController.java + DefaultPermissionGrantPolicy.java监听应用安装并主动授权。

m0_60898338的博客 2915

【微信小程序】扫描外部二维码、小程序码进入并获得携带参数,使用参数跳转到指定页面

您需要使用微信提供的跳转链接和相关参数。APPIDPATHQUERY生成二维码:使用生成的跳转链接生成二维码。您可以使用在线的二维码生成工具或通过编程方式生成二维码。扫描二维码:用户使用微信扫描生成的二维码。跳转到指定页面:当用户扫描二维码后,微信会自动打开小程序,并跳转到指定页面。在指定页面的onLoad生命周期函数中,可以通过options参数获取传递的参数。${${${请注意,为了能够生成跳转链接和打开小程序,您需要先在微信开放平台注册小程序并获取到 AppID。

资深全栈开发工程师 6790

微信小程序 | 小程序开发

事实上,目前小程序在我们生活中已经随处可见(特别是这次疫情的推动,不管是什么岗位、什么年龄阶段的人,到哪都需要打开健康码)WePY是由腾讯开源的,一款让小程序支持组件化开发的框架,通过预编译的手段让开发者可以选择自己喜欢的开发风格去开发小程序。Mpvue是一个使用Vue开发小程序的前端框架,也是 支持 微信小程序、百度智能小程序,头条小程序 和 支付宝小程序;微信小程序、支付宝小程序、淘宝小程序、抖音小程序、头条小程序、QQ小程序、美团小程序等。,其他平台的小程序往往是平台本身的一些公司或者顺手开发的。

CoderHing的博客~ 1万+

微信小程序扫一扫功能跳转h5界面

弄了个小程序跳转到外网,扫一扫获取二维码出现的路径。 不过,跳转外部链接除了微信公众号绑定了该小程序外的URL地址,都需要进行业务域名配置,需要放文件进入网址的根目录才能够正常访问。 我这里用的百度二维码做的实例。如果是用的测试的话,需要打开不校检域名。 注意,如果不用缓存带链接去界面,可能会发生链接无法带参的情况,只会进入到界面,无法判断是否是你需要的参数界面。 这里的js是调用扫一扫的代码,调用此api就可以了,wxml代码看你自己的样式实现。 wx.scanCode({ onl

nan961136007的博客 5037

第三章:ESP32零基础教学 - 3.4 蓝牙通信

本文详细介绍了如何在ESP32上实现经典蓝牙和BLE通信,并提供了代码解释和示例。通过这些示例,你可以轻松地将蓝牙功能集成到你的物联网项目中。无论是经典蓝牙的简单串口通信,还是BLE的灵活服务架构,ESP32都能满足你的需求。

Hi__gril的博客 4020

10X Genomics数据实战:手把手教你用Seurat处理单细胞PBMC数据(附完整代码)

本文详细介绍了如何使用Seurat处理10X Genomics的单细胞PBMC数据,从数据获取、质控到降维分析和细胞分群的全流程。通过实战代码演示,帮助研究者掌握单细胞RNA测序数据分析的核心技术,提升对细胞异质性的理解。

weixin_29053577的博客 254

web-view不配置业务域名不可以跳转外部链接

web-view不配置业务域名不可以跳转外部链接

大雾起了清晨 1822

ThingsBoard PE专业版解决方案技术文档——温度&湿度

温湿度解决方案

weixin_67440240的博客 820

微信小程序跳转外部链接

微信小程序跳转外部链接 在开发小程序过程中,我们可能会有这样的需求,在小程序中打开H5或者外部链接 实现方法如下: 1、配置业务域名 [小程序管理后台](https://mp.weixin.qq.com/)——开发(开发管理)——开发设置:新增业务域名 ![在这里插入图片描述](https://img-blog.csdnimg.cn/6720e773a37447058080fb2264a5b1ef.png) 在这里将你需要的外部链接域名配置完之后,再下载校验文件(校验文件需要放到当前域名的根目录下) 2

weixin_44590591的博客 1万+

基于XDMA 的PCIE读写DDR

基于XDMA 的PCIE读写DDR 概述:   想实现基于FPGA的PCIe通信,查阅互联网各种转载…基本都是对PCIe的描述,所以想写一下基于XDMA的PCIe通信的实现(PCIe结构仅做简单的描述(笔记),了解详细结构移至互联网)。 实现功能:PC通过PCIE读写DDR,同时用户通过逻辑代码可以读取被写入DDR内的数据(我是通过VIO实现DDR任意地址,任意数据大小的读取。)。 实践实践!!! 说明: 参考文档: PCI Express Base Specification Revision 3.0 P

Crazzy_M的博客 1万+

【蓝凌表单】JSP组件常用语法整理

【代码】【蓝凌表单】JSP组件常用语法整理。

烧硬盘 710

外部链接跳转到微信,以及外部跳转到微信小程序(精华)

外部链接跳转到微信,以及跳转到微信小程序(精华) 记录自己实现这个跳转的过程, 苦于网上没有找到一个自己想要的教程,要么是软件,要么是其他看不懂的,如果对你有帮助的话,给个点赞哈。 以下是外部跳转到微信的代码,附上 function IsMobile(){ let info = navigator.userAgent; let agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPod",

小白程序员的博客 9885

假人有限元模型

假人模型,车辆碰撞假人有限元模型,适合做乘员安全的研究者利用

微信小程序跳转到外部连接和外部链接跳回小程序

微信小程序跳转到外部连接和外部链接跳回小程序1、跳转外部连接1.1、新建一个页面wxml存放web-view组件(page1)1.2需要跳转的页面,跳转到page11.3添加业务域名1.3.1在域名服务器根目录上传微信验证文件1.3.2添加业务域名2、外部连接跳回微信小程序2.1 显示的HTML增加微信 JSSDK 的js代码2.2 如若是2.1用的是 wx.miniProgram.postMessage,会触发 web-view api 的 bindmessage 方法,在bindmessage 中跳转到

violin256的博客 4603

android 蓝牙通讯demo

android 下蓝牙通讯demo,实现了发现蓝牙,使能蓝牙,通过蓝牙发送消息。

Data-Structures-and-Algorithm-Analysis-in-Java.pdf

作者: Weiss, Mark A. 出版社: Addison Wesley Data Structures and Algorithm Analysis in Java is an “advanced algorithms” book that fits between traditional CS2 and Algorithms Analysis courses. In the old ACM Curriculum Guidelines, this course was known as CS7. This text is for readers who want to learn good programming and algorithm analysis skills simultaneously so that they can develop such programs with the maximum amo...

微信小程序不配置业务域名不可以跳转外部链接(超详细讲解)

小程序中使用webview跳转外链详解讲解。

随便写写... 1万+

Devexpress16.2.6破解工具

Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具

微信小程序如何优雅地跳转外部链接?WebView + 复制方案实战

微信小程序里不能直接跳转外部网页,只能走。能加业务域名 → WebView 打开不能加 → 复制链接兜底最佳实践:写一个统一的打开链接函数,自动选择策略。这样既符合微信的限制,又能保证用户体验。👨‍💻 以上就是我在实际项目中踩坑总结的「小程序跳转外部链接」两种思路,希望能帮到你!如果你也在做类似需求,欢迎留言交流~

winners23的博客 5498

uniapp 微信小程序跳转外部链接

开发小程序时,跳转到内部路径通常会使用:uni.navigateTo,uni.redirectTo,uni.reLaunch,uni.switchTab等方法,可以跳转到pages.json中已经注册的页面跳转到外部链接,便不能再使用以上方法,需要利用web-view来实现需求。

weixin_71403100的博客 9428

【UniApp跳转外部链接】实现方案

在跨平台开发中,外部链接跳转是常见需求。本文将针对UniApp框架,详细讲解不同场景下实现外部链接跳转的解决方案,并提供最佳实践建议。

梦想成为公务员 3626

外部链接跳转微信小程序

外部链接跳转微信小程序 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zpcKl0T3-1621677958755)(image-20210416142912242.png)] [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-LzC7TExH-1621677958761)(image-20210416143524736.png)] 测试用例 https://postpay-2g5hm2oxbbb721a4-1258211818.tcloudbas

weixin_50462008的博客 7076

webview跳转外部链接

官方介绍,web-view这个组件就是一个webview容器,所以你想要加载一个网页必须在你的页面上新建页面。然后通过小程序的跳转,跳转到这个页面。就会变成点击后加载跳转html

z_星河的博客 4153

只需四步!实现uni-app微信小程序跳转外部链接!

本文介绍了在uni-app开发微信小程序中实现跳转外部链接的完整方案。主要步骤包括:1)在pages.json注册index页和webView页;2)在index页添加跳转按钮并传递外部链接参数;3)在webView页通过web-view组件加载外部链接;4)开发阶段可关闭域名校验,正式发布前需在微信公众平台配置业务域名。需要注意的是个人主体小程序无法配置业务域名,且目标链接必须支持HTTPS并在备案域名下。该方法通过web-view组件作为中转站,解决了小程序无法直接跳转外部网页的问题。

weixin_44703272的博客 1521
上一篇: 微信小程序 【页面导航跳转】
下一篇: 网络请求:简单的封装一个请求
昨夜太平长安888
博客等级 码龄9年 1万+粉丝 176原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值