如何实现小程序与小程序之间的跳转

2024-10-13 13:08:17

前言

小程序与小程序之间互相可以跳转,形成流量的循环.在小程序中怎么实现的呢

小程序中提供了两种方式实现小程序与小程序之间的跳转

方式1-使用 API 方式跳转

如下示例代码所示

<<view class="container">
 <view bindtap="onJumpMin">打开跳转到其他小程序方式1</view>
</view>

如下是逻辑代码

onJumpMin() {
  wx.navigateToMiniProgram({
   appId: 'wx9fbad659d526c9bc', // 需要跳转到指定的小程序appid
   path: 'pages/home/home',   // 打开的页面
   envVersion: 'release',
   success(res) {
    // 打开成功
    console.log(res);
   }
  })
 }

使用小程序跳转的 API 就上面几行代码

方式2-使用标签方式跳转

如下是wxml代码

<view>
 <navigator
  target="miniProgram"
  open-type="navigate"
  app-id="wx66d9cf3762c49a1a"
  path="pages/index/index"
  version="release"
  >打开绑定的小程序</navigator
 >
</view>

使用标签的方式跳转,非常简单,只需要在wxml中使用target,open-type,app-id,path,指定相应的参数就可以实现跳转了的

提示

在模拟器中无法实现跳转,请用真机扫码预览测试
无需声明跳转名单，不限跳转数量（众测中）

从 2020 年 4 月 24 日起，使用跳转其他小程序功能将无需在全局配置中声明跳转名单，调用此接口时将不再校验所跳转的 AppID 是否在 navigateToMiniProgramAppIdList 中。

从 2020 年 4 月 24 日起，跳转其他小程序将不再受数量限制，使用此功能时请注意遵守运营规范。

在老版本小程序中,是需要在app.json全局配置中设置白名单,如下所示

"navigateToMiniProgramAppIdList": [
  "wx9fbad659d526c9bc",
  "wx66d9cf3762c49a1a"
 ],

小程序与小程序之前的跳转没有进行数量限制,无疑是想提高小程序与小程序之间流量互转,增加小程序的活跃度,但还是要注意小程序跳转的运营规范,避免触雷

相关文档

总结

到此这篇关于如何实现小程序与小程序之间的跳转的文章就介绍到这了,更多相关小程序与小程序的跳转内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

微信小程序链接传参并跳转新页面

像传统的传参一样,只是在微信里面的标签不一样而已,navigator标签的文档说明: https://mp.weixin.qq.com/debug/wxadoc/dev/component/navigator.html?t=20161122 下面是传递参数并展示新页面的一个简单栗子: 这是index.wxml代码: <navigator class="bury-wrapper wx-li" url="../detail/detail?id={{name.id}}&quo
微信小程序跳转页面的两种方法详解

微信小程序跳转页面小程序页面有2种跳转,可以在wxml页面或者js中: 1,在wxml页面中: <navigator url="../index/index">跳转到新页面</navigator> <navigator url="../index/index" open-type="redirect">在当前页打开</navigator> <navigator url="../i
微信小程序详解页面跳转与返回并回传数据

微信小程序详解页面跳转与返回并回传数据 A页面: .wxml文件 <view class="flex-wrp"> <text style="width: 32%;">选择城市</text> <input style="width: 68%;" type="text" bindtap="city" placeholder="请选择城市" valu
微信小程序页面跳转和数据传递实例详解

微信小程序页面跳转和数据传递 1.先导在Android中,我们Activity和Fragment都有栈的概念在里面,微信小程序页面也有栈的概念在里面.微信小程序页面跳转有四种方式: 1.wx.navigateTo(OBJECT): 2.wx.redirectTo(OBJECT): 3.wx.switchTab(OBJECT): 4.wx.navigateBack(OBJECT) 5.使用实现对应的跳转功能: 分析: 其中navigateTo是将原来的页面保存在页面栈中,在跳入到下一个页面的时
微信小程序之页面跳转和参数传递的实现

微信小程序之页面跳转和参数传递的实现前言: 在微信小程序里面的跳转其实和html里的超链接a差不多,我们实现跳转可以通过标签实现,也可以通过js实现,下面一一演示给大家看一下. 在展示demo前,我们需要先简单的建好项目文件夹做好准备.如下: 标签实现小程序里面有一个类似于a标签的navigator标签,用来做跳转处理. index页面: <navigator url="../navigator/navigator?title=我是navi">跳转到新的页面</n
微信小程序跳转到其他网页(外部链接)的实现方法

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

微信小程序中,按钮也是<button></button>标签,它通过bindtap属性绑定点击事件: 然后在js里面注册这个回调函数: 回调函数里面通过 wx.navigateTo({ url: '/pages/index/talkPage', }) 跳转到talkPage界面. 注意,html界面要在app.json里面注册: 不注册的话会报错:navigateTo:fail url "pages/index/talkPage" is not in app.j
微信小程序页面跳转传参详解

微信小程序页面跳转传参,做微信小程序必定会用的这样的功能,这里就记录下本人学习实现代码资料. 刚接触微信小程序,多里面的语法和属性还不怎么聊解,如有不多的地方希望各位大神多多指教.今天来说下微信小程序怎么跳转和传参,话不多说直接上代码. 实现的功能是给列表增加点击功能传参到下一页: 代码如下: <import src="../WXtemplate/headerTemplate.wxml"/> <view>  <view&g
小程序扫描普通链接二维码跳转小程序指定界面方法

微信官方文档https://developers.weixin.qq.com/miniprogram/introduction/qrcode.html 看了官方文档之后,还是存在很多困惑,微信小程序是托管到微信服务器上的,要想扫描普通链接跳转指定界面,首先要知道微信把小程序放的服务器的访问路径,这些最初想法,可是看微信官方文档,感觉不是我想的这样的文档上:"二维码规则的域名须通过ICP备案的验证."如果是微信的服务器,那他们就不必这么写了, 可是小程序是托管微信服务器上的,为什么扫码
微信小程序实现跳转的几种方式总结（推荐）

今天把实现微信页面的跳转的几种方法总结分享下 1.使用导航组件,标签,页面链接来实现(可以发现点击时有背景)  <view class="btn-area"> <navigator url="../my/my">跳转到新页面</navigator> </view> 参数如下 2.给页面布局加监听bindtap事件,然后在方法里面,通过wx.navigatorTo来实现

如何实现小程序与小程序之间的跳转

相关推荐

随机推荐