微信小程序、微信公众号、H5页面之间的跳转

这篇具有很好参考价值的文章主要介绍了微信小程序、微信公众号、H5页面之间的跳转。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、微信小程序与公众号

  • 可关联已有的小程序或快速创建小程序,已关联的小程序可被使用在自定义菜单和模板消息等场景中。
  • 公众号可关联同主体的10个微信小程序及不同主体的3个小程序,同一个小程序可关联最多50个公众号。

二、微信小程序与H5页面

1、微信小程序跳转到H5页面,使用web-view标签

<view>
  <web-view src="{{url}}"></web-view>
</view>

2、H5页面跳转到微信小程序

安装 jssdk

npm install weixin-js-sdk --save

wx.miniProgram.navigateTo({url: '/index/index?phone=18012121212'})

三、微信公众号和H5

  • 公众号跳转到H5可通过自定义菜单的方式实现
  • H5跳到公众号,间接的做法:先跳到公众号的历史消息页面,再进入微信公众号

四、小程序跳转小程序

api wx.navigateToMiniProgram(obj)

注意文章来源地址https://www.toymoban.com/news/detail-738638.html

  • 低版本需要做兼容处理
  • 相互跳转的小程序必须是同一公众号下关联的

到了这里,关于微信小程序、微信公众号、H5页面之间的跳转的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • uniapp微信公众号(h5)端跳转微信小程序

    !!!不是微信公众号菜单跳转小程序 微信公众号菜单跳转小程序:公众号和小程序相互关联,在公众号的自定义菜单中配置即可 1、 绑定域名  2、安装依赖 jweixin-module 3、 引入挂载 !!!main.js引入挂载 !!!单页面引入挂载 4、 通过 config 接口注入权限验证配置(需要后

    2024年02月13日
    浏览(128)
  • 如何实现小程序与h5页面间的跳转

    接到新需求,要在小程序页面内点击按钮实现跳转h5,一开始没接触过,还挺头疼的,但真正做起来,也就那么一回事啦,废话少说,直接上 1. 配置域名 先登录小程序开发平台,将页面需要跳转的域名写上去,注意了,域名不是指服务器的域名,而是服务器下面的 业务域名

    2024年02月09日
    浏览(40)
  • APP跳转H5、微信小程序与微信小程序之间互跳

    plus.share.getServices(function(res) { var sweixin = null; for (var i = 0; i res.length; i++) { var t = res[i]; if (t.id == ‘weixin’) { sweixin = t; } } if (sweixin) { sweixin.launchMiniProgram({ id: item.id, //小程序原始id type: item.type, //环境 0-正式版; 1-测试版; 2-体验版 path: path //指定页的路径,如需传参直接字符串

    2024年02月08日
    浏览(53)
  • 微信小程序和H5之间互相跳转、互相传值

      微信小程序和内嵌 H5 之间来回跳转,来回交互。   微信小程序官方提供了 web-view 组件来实现微信小程序跳转到 H5 页面,实现的方式也很简单,具体实现方式如下: 1、新建一个页面用来单独存放 web-view 组件,并且所有的内嵌 H5 都可以通过这个页面来实现跳转; (

    2024年02月02日
    浏览(47)
  • 小程序(uniapp)页面的跳转方式有哪些,他们之间的区别是什么?

    1、uni.navigateTo: 保留当前页面,跳转到应用的某个页面,使用 uni.navigateBack 可以返回原页面。这种方式类似于网页的超链接跳转。 2、uni.redirectTo: 关闭当前页面,跳转大应用内的某个页面。这种方式类似于网页的重定向。 3、uni.switchTab: 跳转到tabBar页面,并关闭其他所有非ta

    2024年02月11日
    浏览(43)
  • 微信小程序如何跳转H5页面

    1、登录微信公众后台,进入【开发-开发管理-业务域名】,点击修改。 2、首先请下载校验文件,并将文件放置在域名根目录下。 我是把文件放在nginx主机的data目录下,然后通过增加nginx.config配置,重启nginx后可以通过域名直接访问该校验文件;  nginx.config配置如下:  如何

    2024年02月11日
    浏览(61)
  • H5页面跳转微信小程序

    微信浏览器中实现跳转 使用微信官方接口 wx-open-launch-weapp (该方法只开放给已认证的服务号或者小程序云开发的静态网站托管绑定的域名下的网页) 案例代码 相关文档 目录 | 微信开放文档 微信开发者平台文档 https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.htm

    2023年04月17日
    浏览(76)
  • 微信小程序和H5之间相互跳转的几种情况

    直接通过web-view内嵌的方式,有且只有这一种方式。 H5内嵌在小程序的web-view中,想要打开小程序自身的页面,可通过 wx.miniProgram.navigateTo 方法,参考链接:web-view | 微信开放文档 (qq.com) H5在非小程序环境中,微信浏览器或者手机自带浏览器打开时,想要跳转到小程序,可通过

    2024年02月11日
    浏览(49)
  • 【微信小程序】页面路由跳转函数之间的区别

    微信小程序开发系列 在开发微信小程序中基本都会用到页面跳转,微信小程序提供了几个页面跳转函数。它们之间有一些区别,试用用时需要注意,否则会达不到预期效果。下面介绍这几种页面跳转的的区别。 一共提供了五个页面跳转函数,它们都支持 Promise 风格 调用。

    2024年02月12日
    浏览(64)
  • 微信小程序与内嵌h5页面之间的参数传递

    小程序是采用vue+taroui技术栈 h5页面 所在文件:h5.vue 小程序页面:wx.vue,这里我用的是taro获取当前页面栈,大家可以用wx 这里的this.routerParams==={params:1} 小程序页面:wx.vue,首先向内嵌h5的webview所在页面跳转并携带所传参数。 webview页面—/pages/processLink/index。index.vue,由该页面

    2024年02月15日
    浏览(82)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包