推广 热搜: 行业  机械  设备    系统  教师  经纪  参数    蒸汽 

webview解析网页数据_小程序实现怎么跳转打开 H5 网页链接(或跳转至公众号文章)...

   日期:2024-11-11     移动:http://changmeillh.xhstdz.com/mobile/quote/79562.html

虽互不曾谋面,但希望能和您成为笔尖下的朋友

webview解析网页数据_小程序实现怎么跳转打开 H5 网页链接(或跳转至公众号文章)...

以读书,技术,生活为主,偶尔撒点鸡汤

不作,不敷衍,意在真诚吐露,用心分享

点击左上方,可关注本刊

标星公众号(ID:itclanCoder)

如果不知道如何操作

点击这里,标星不迷路

c4f64d9246680b1c1b6b418d8967347f.png

(长按扫码进入识开发者页面即可体验)

有时候,因为业务需求,在小程序当中,需要跳转到 h5 网页,或跳转到公众号,形成流量的闭环,那在小程序当中怎么实现呢?

9aab0b081ab3c9c73ce9db3f58f88504.gif

(小程序跳转到公众号)

2dd35c19d210c97e1c2ecb0ae3447d81.gif

(小程序跳转到h5网页)

前提条件

  • 该小程序与需要跳转至的公众号(订阅号/服务号)进行了绑定关联
  • 使用小程序开放能力实现跳转(承载网页的容器。会自动铺满整个小程序页面个人类型的小程序暂不支持使用)

提供了一个属性,这个属性就是可以从小程序跳转到指定链接的地止

注意

使用时,需要单独的在小程序中创建一个页面,要在中的中注册,如下所示,然后在中的中使用标签,在标签上设置的属性就是要跳转的地止

 
  

在触发事件处:绑定事件

以下是逻辑代码

上面示例代码中的跳转的参数,在另一个页面中的生命周期函数中的参数中可以接收得到,重新赋新值即可

在页面中,示例代码如下所示

的逻辑页面

如上代码就可以实现小程序跳转到公众号

小程序跳转到 H5 网页,与跳转公众号类似,只需要把上面的地止切换成自己想要的链接即可

注意

跳转到的网页需要在小程序后配置支持业务域名即可完成跳转,否则是跳转失败的

如下所示,跳转至:

 
  
  • 小程序跳转指定的公众号失败
  • 小程序跳转指定的 h5 页面失败

cbc54a3a4044592383b7913abcfa63d6.png

原因

  • 跳转的公众号需要关联该小程序,才支持小程序的跳转
  • 小程序后台管理没有配置添加业务域名(如果只是测试的话,可以在开发者工具里设置本地域名不校验合法域名等)
  • webview-小程序开放能力
  • https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html

4a8499736b002c1844cda422d57dcd31.png

公众号(ID:itclanCoder)

码能让您早脱菜籍,文能让您洗净铅华

  可能您还想看更多

00de47146aacb378a6352ca6e903d215.png

Js篇-面试题15-通过什么方法可以实现-检测页面 DOM 变化

ab1098821f4a40abe4760e600873bba5.png

Js篇-面试题11-比较下for..of与for..in的区别

78832b49876effaec0d08548ebed4c27.png

Js篇-面试题9-请说一下Js中的事件循环机制

64c74ec5e95d8121721ccda9013d00f7.png
本文地址:http://changmeillh.xhstdz.com/quote/79562.html    物流园资讯网 http://changmeillh.xhstdz.com/ , 查看更多

特别提示:本信息由相关用户自行提供,真实性未证实,仅供参考。请谨慎采用,风险自负。


0相关评论
相关最新动态
推荐最新动态
点击排行
网站首页  |  关于我们  |  联系方式  |  使用协议  |  版权隐私  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  鄂ICP备2020018471号