微信小程序能跳转到外部链接吗(小程序跳转第三方网页)

个人类型和海外类型的小程序不支持web-view标签也就是说个人申请的小程序,就别想跳转了!!!!1.开发的时候,我们难免碰到要跳转到其他网页中去那该怎么实现呢?2.例如我想点击一个按钮,跳转到百度(百度的网页还是在小程序中打开)3.wxml1.index.wxml(按钮页面)<viewclass=’wrapper’><b…

大家好,又见面了,我是你们的朋友全栈君。

个人类型和海外类型的小程序不支持 web-view 标签  也就是说个人申请的小程序,就别想跳转了!!!!

重磅消息 小程序逐渐会支持分享链接到朋友圈 点击下方链接前往查看演示地址

分享朋友圈文章地址:https://blog.csdn.net/qq_32113629/article/details/107177622

演示地址:

微信小程序能跳转到外部链接吗(小程序跳转第三方网页)

1.开发的时候,我们难免碰到要跳转到其他网页中去那该怎么实现呢?

2.例如我想点击一个按钮,跳转到百度(百度的网页还是在小程序中打开) 

3.wxml

   1. index.wxml   (按钮页面)

<view class='wrapper'>
    <button class='wepay' bindtap='goBaidu'>点击跳转</button>
  </view>

   2.out.wxml  (百度页面),

<web-view src="https://www.baidu.com/"></web-view>
//放心你没有看错就这么一行就行了//把你要跳转的界面用src 就可以了,以后要跳转到哪,src里面地址就写哪!

    3.别忘了,要在app.json中配置一下路由,

"pages":[
    "pages/a/a",
    "pages/b/b"
  ],

    电脑上是可以跳转的,体验版的话,在手机上是不好使的,除非你已经在小程序后台完成了配置域名,但是!!!!

注意!!这是顶级注释请看第四条

4.需要配置业务域名并上传验证文件:

这是我的vx公众号全是技术文章:微信小程序能跳转到外部链接吗(小程序跳转第三方网页)

这个是我本人的前端技术QQ交流群微信小程序能跳转到外部链接吗(小程序跳转第三方网页)

 

 

 

如果文章对你有帮助  希望各位可以给我的群 冲冲人气 

4.1校验文件需要放在你要跳转到的网站的根目录下面才可以!!!也就是说你想跳转到别人网站网页里面 需要得到别人的同意!!

那比如这个跳转到www.baidu.com 就是行不通的了,只能是自己在开发的时候玩玩(在开发者工具中点设置-项目设置-在不校验合法域名、web-view(业务域名)、TLS 版本以及 HTTPS 证书 前面打上对勾),在正式发布时候肯定是行不通的!!!

4.2那你想跳转到自己的网站中就需要配置域名、下载校验文件了!!再次强调 个人类型与海外类型的小程序暂不支持使用web-view

进入到小程序后台 https://developers.weixin.qq.com   设置-开发设置 -业务域名

微信小程序能跳转到外部链接吗(小程序跳转第三方网页)

微信小程序能跳转到外部链接吗(小程序跳转第三方网页)

4.3web-view 的 src可以是可打开关联的公众号的文章地址! (打开公众号这块也是个坑)

5.index.js

goBaidu:function(){
    wx.navigateTo({
      url:'../out/out', //
      success:function() {

      },       //成功后的回调;
      fail:function() { },         //失败后的回调;
      complete:function() { }      //结束后的回调(成功,失败都会执行)
 })

6.效果图

微信小程序能跳转到外部链接吗(小程序跳转第三方网页)微信小程序能跳转到外部链接吗(小程序跳转第三方网页)

 

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/125628.html原文链接:https://javaforall.net

(0)
上一篇 2022年4月18日 下午2:20
下一篇 2022年4月18日 下午2:20


相关推荐

  • 关于用户路径分析模型_spark用户行为分析

    关于用户路径分析模型_spark用户行为分析一、需求背景在互联网数据化运营实践中,有一类数据分析应用是互联网行业所独有的——路径分析。路径分析应用是对特定页面的上下游进行可视化展示并分析用户在使用产品时的路径分布情况。比如:当用户使用某APP时,是怎样从【首页】进入【详情页】的,用户从【首页】分别进入【详情页】、【播放页】、【下载页】的比例是怎样的,以及可以帮助我们分析用户离开的节点是什么。在场景对应到具体的技术方案设计上,我们将访问数据根据session划分,挖掘出用户频繁访问的路径;功能上允许用户即时查看所选节点相关路径,支持用户自定义设

    2022年8月24日
    7
  • dumpbin options「建议收藏」

    dumpbin options「建议收藏」dumpbin.exexx.exe /options >x:\\xx.txtoptions:  /ALL  /ARCHIVEMEMBERS  /CLRHEADER  /DEPENDENTS  /DIRECTIVES  /DISASM[:{BYTES|NOBYTES}]  /ERRORREPORT:{NONE|PROMPT|QUE

    2022年6月19日
    28
  • service network restart重启失败_network restart

    service network restart重启失败_network restartLinux重启网络服务用systemctlrestartnetworkingUbuntuServer:Failtorestartnetworking.service:Unitnetwork.servicenotfound

    2022年8月30日
    4
  • 如何安装oracle vm virtualbox_虚拟机安装oracle11g

    如何安装oracle vm virtualbox_虚拟机安装oracle11g文章目录一、前言二、OracleVMVirtualBox下载安装三、XP系统镜像下载四、创建XP虚拟机五、启动虚拟机,安装系统六、主机与虚拟机双向互传文件一、前言我写了一篇关于VMware虚拟机安装WindowsXP系统的文章:https://linxinfa.blog.csdn.net/article/details/112768896不过正版VMware是收费的,所以我决定写一篇关于VirtualBox虚拟机的教程,因为VirtualBox是开源免费的,轻量,用起来也很不错,推荐大家使用。

    2022年8月16日
    8
  • 世界地图行政区划图_世界行政区划图册

    世界地图行政区划图_世界行政区划图册序号 国家 省 城市 4007 法国 上法兰西大区   4008 法国 上法兰西大区 万格勒 4009 法国 上法兰西大区 乌普利讷 4010 法国 上法兰西大区 于吕什 4011 法国 上法兰西大区 代兰库尔 4012 法国 上法兰西大区 代夫勒 4013 法国 上法兰西大区 伊夫里莱唐普尔 4014 法国 上法兰西大区

    2026年4月16日
    6
  • zencart模板如何设计「建议收藏」

    zencart模板如何设计「建议收藏」ZenCart的模板设计比较复杂,需要一定的时间来熟悉。一旦你了解了它的结构,就会慢慢习惯了。  首先要阅读常见问答部分的:如何添加、制作新模板。ZenCart的设计没有什么特别,与以前设计HTML页面是一样的。只是整个页面分成了好几个部分,并加入了PHP代码。  通常,页面分为页眉(header),页脚(footer),边框(sideboxes)。所以设计页面的时候

    2022年7月27日
    6

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号