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


Posted in Javascript onNovember 04, 2020

前言

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

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

方式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"
 ],

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

相关文档

  • 小程序 API 方式跳转
  • 小程序标签方式跳转

总结

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

Javascript 相关文章推荐
javascript 支持ie和firefox杰奇翻页函数
Jul 22 Javascript
jQuery的each终止或跳过示例代码
Dec 12 Javascript
Javascript浅谈之引用类型
Dec 18 Javascript
jQuery中:enabled选择器用法实例
Jan 04 Javascript
动态加载jQuery的两种方法实例分析
Jul 17 Javascript
jQuery 1.9.1源码分析系列(十五)之动画处理
Dec 03 Javascript
jquery.form.js框架实现文件上传功能案例解析(springmvc)
May 26 Javascript
超简单的Vue.js环境搭建教程
Mar 17 Javascript
vue深入解析之render function code详解
Jul 18 Javascript
Vue-router 类似Vuex实现组件化开发的示例
Sep 15 Javascript
node.js调用C++函数的方法示例
Sep 21 Javascript
新手如何快速理解js异步编程
Jun 24 Javascript
Vant 中的Toast设置全局的延迟时间操作
Nov 04 #Javascript
vue 使用vant插件做tabs切换和无限加载功能的实现
Nov 04 #Javascript
Vue获取微博授权URL代码实例
Nov 04 #Javascript
基于vue实现微博三方登录流程解析
Nov 04 #Javascript
Javascript执行上下文顺序的深入讲解
Nov 04 #Javascript
解决vant中 tab栏遇到的坑 van-tabs
Nov 04 #Javascript
解决Mint-ui 框架Popup和Datetime Picker组件滚动穿透的问题
Nov 04 #Javascript
You might like
php 短链接算法收集与分析
2011/12/30 PHP
UCenter 批量添加用户的php代码
2012/07/17 PHP
php中的四舍五入函数代码(floor函数、ceil函数、round与intval)
2014/07/14 PHP
php将图片保存为不同尺寸图片的图片类实例
2015/03/30 PHP
php实现微信公众平台账号自定义菜单类
2015/10/11 PHP
jQuery效果 slideToggle() 方法(在隐藏和显示之间切换)
2011/06/28 Javascript
Javascript 中的 call 和 apply使用介绍
2012/02/22 Javascript
javascript模拟地球旋转效果代码实例
2013/12/02 Javascript
小心!AngularJS结合RequireJS做文件合并压缩的那些坑
2016/01/09 Javascript
easyUI下拉列表点击事件使用方法
2017/05/18 Javascript
JavaScript轮播停留效果的实现思路
2018/05/24 Javascript
vue轻量级框架无法获取到vue对象解决方法
2019/05/12 Javascript
[44:37]完美世界DOTA2联赛PWL S3 Forest vs access 第一场 12.11
2020/12/13 DOTA
python del()函数用法
2013/03/24 Python
基于wxpython实现的windows GUI程序实例
2015/05/30 Python
Python可变参数用法实例分析
2017/04/02 Python
Python读写及备份oracle数据库操作示例
2018/05/17 Python
python实现简易内存监控
2018/06/21 Python
Python实现FTP弱口令扫描器的方法示例
2019/01/31 Python
Django ORM 查询管理器源码解析
2019/08/05 Python
Python统计文本词汇出现次数的实例代码
2020/02/27 Python
最新pycharm安装教程
2020/11/18 Python
CSS3实现时间轴效果
2016/07/11 HTML / CSS
比较基础的php面试题及答案-编程题
2012/10/14 面试题
数据库面试要点基本概念
2013/10/31 面试题
XML文档面试题
2015/08/05 面试题
护理专科毕业自荐信范文
2014/04/21 职场文书
护校行动方案
2014/05/31 职场文书
小学运动会报道稿
2014/10/04 职场文书
给上级领导的感谢信
2015/01/22 职场文书
工会工作个人总结
2015/03/03 职场文书
python Polars库的使用简介
2021/04/21 Python
关于python爬虫应用urllib库作用分析
2021/09/04 Python
开机音效回归! Windows 11重新引入开机铃声
2021/11/21 数码科技
分享mysql的current_timestamp小坑及解决
2021/11/27 MySQL
详解如何使用Nginx解决跨域问题
2022/05/06 Servers