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


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 相关文章推荐
传智播客学习之java 反射
Nov 22 Javascript
jQuery EasyUI API 中文文档 - Draggable 可拖拽
Sep 29 Javascript
解析javascript 浏览器关闭事件
Jul 08 Javascript
jQuery的选择器中的通配符[id^='code']或[name^='code']及jquery选择器总结
Dec 24 Javascript
详解JavaScript对象类型
Jun 16 Javascript
前端JS面试中常见的算法问题总结
Dec 23 Javascript
详解VueJs前后端分离跨域问题
May 24 Javascript
iscroll.js滚动加载实例详解
Jul 18 Javascript
微信小程序报错:this.setData is not a function的解决办法
Sep 27 Javascript
React Native 使用Fetch发送网络请求的示例代码
Dec 02 Javascript
AngularJS实时获取并显示密码的方法
Feb 06 Javascript
解决angular 使用原生拖拽页面卡顿及表单控件输入延迟问题
Apr 21 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使用array_fill定义多维数组的方法
2015/03/18 PHP
Zend Framework教程之资源(Resources)用法实例详解
2016/03/14 PHP
js 方法实现返回多个数据的代码
2009/04/30 Javascript
JavaScript 学习笔记(九)call和apply方法
2010/01/11 Javascript
Microsoft Ajax Minifier 压缩javascript的方法
2010/03/05 Javascript
Jquery响应回车键直接提交表单操作代码
2014/07/25 Javascript
jQuery结合CSS制作动态的下拉菜单
2015/10/27 Javascript
Jquery Ajax Error 调试错误的技巧
2015/11/20 Javascript
bootstrap学习笔记之初识bootstrap
2016/06/21 Javascript
Angularjs 创建可复用组件实例代码
2016/10/09 Javascript
Nuxt配置Element-UI按需引入的操作方法
2020/07/06 Javascript
vue使用screenfull插件实现全屏功能
2020/09/17 Javascript
vue3.0自定义指令(drectives)知识点总结
2020/12/27 Vue.js
Python解析最简单的验证码
2016/01/07 Python
举例讲解Python中字典的合并值相加与异或对比
2016/06/04 Python
Python的包管理器pip更换软件源的方法详解
2016/06/20 Python
Python正则表达式教程之一:基础篇
2017/03/02 Python
python实现串口通信的示例代码
2020/02/10 Python
在Keras中实现保存和加载权重及模型结构
2020/06/15 Python
解决阿里云邮件发送不能使用25端口问题
2020/08/07 Python
python 实用工具状态机transitions
2020/11/21 Python
python 实现IP子网计算
2021/02/18 Python
纯CSS3绘制打火机动画火焰效果
2016/07/18 HTML / CSS
HTML5添加鼠标悬浮音响效果不使用FLASH
2014/04/23 HTML / CSS
html5使用canvas绘制太阳系效果
2014/12/15 HTML / CSS
Html5嵌入钉钉的实现示例
2020/06/04 HTML / CSS
类和结构的区别
2012/08/15 面试题
生物医学工程专业学生求职信范文分享
2013/12/14 职场文书
护理专科毕业自荐信范文
2014/04/21 职场文书
关于环保的建议书
2014/05/12 职场文书
2014年个人思想工作总结
2014/11/27 职场文书
2014年反腐倡廉工作总结
2014/12/05 职场文书
现实表现材料范文
2014/12/23 职场文书
学生保证书格式
2015/02/27 职场文书
大学生创业计划书常用模板
2019/08/07 职场文书
Redis实现订单自动过期功能的示例代码
2021/05/08 Redis