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


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 相关文章推荐
一个可以兼容IE FF的加为首页与加入收藏实现代码
Nov 02 Javascript
jquery URL参数判断,确定菜单样式
May 31 Javascript
浅析JavaScript原型继承的陷阱
Dec 03 Javascript
原生javascript实现Tab选项卡切换功能
Jan 12 Javascript
jQuery实现的经典竖向伸缩菜单效果代码
Sep 24 Javascript
详解JavaScript数组的操作大全
Oct 19 Javascript
vue学习笔记之v-if和v-show的区别
Sep 20 Javascript
详解webpack + react + react-router 如何实现懒加载
Nov 20 Javascript
vue 项目build错误异常的解决方法
Apr 22 Javascript
微信小程序实现点击效果
Jun 21 Javascript
jquery实现弹窗(系统提示框)效果
Dec 10 jQuery
vue+iview分页组件的封装
Nov 17 Vue.js
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
apache rewrite_module模块使用教程
2008/01/10 PHP
win10 apache配置虚拟主机后localhost无法使用的解决方法
2018/01/27 PHP
JavaScript中获取元素索引的函数
2010/09/10 Javascript
jquery 插件学习(二)
2012/08/06 Javascript
在表单提交前进行验证的几种方式整理
2013/07/31 Javascript
如何正确使用javascript 来进行我们的程序开发
2014/06/23 Javascript
javascript实现验证身份证号的有效性并提示
2015/04/30 Javascript
每天一篇javascript学习小结(String对象)
2015/11/18 Javascript
JavaScript高级程序设计(第三版)学习笔记1~5章
2016/03/11 Javascript
AngularJS 所有版本下载地址
2016/09/14 Javascript
form+iframe解决跨域上传文件的方法
2016/11/18 Javascript
纯JS焦点图特效实例(可一个页面多用)
2016/12/07 Javascript
Vue.js鼠标悬浮更换图片功能
2017/05/17 Javascript
vue+vuex+axios+echarts画一个动态更新的中国地图的方法
2017/12/19 Javascript
vue 右键菜单插件 简单、可扩展、样式自定义的右键菜单
2018/11/29 Javascript
Vue.js实现备忘录功能
2019/06/26 Javascript
[03:37]2015国际邀请赛第四日现场精彩集锦
2015/08/08 DOTA
一个基于flask的web应用诞生 组织结构调整(7)
2017/04/11 Python
python实现kMeans算法
2017/12/21 Python
Python星号*与**用法分析
2018/02/02 Python
使用numba对Python运算加速的方法
2018/10/15 Python
nginx+uwsgi+django环境搭建的方法步骤
2019/11/25 Python
pygame库实现移动底座弹球小游戏
2020/04/14 Python
基于python计算并显示日间、星期客流高峰
2020/05/07 Python
浅析python字符串前加r、f、u、l 的区别
2021/01/24 Python
基于CSS3特效之动画:animation的应用
2013/05/09 HTML / CSS
丽笙酒店官方网站:Radisson Hotels
2019/05/07 全球购物
俄罗斯品牌服装和鞋子的在线商店:KUPIVIP
2019/10/27 全球购物
德国高尔夫商店:Par71.de
2020/11/29 全球购物
大学生就业推荐信范文
2013/11/29 职场文书
毕业实习个人鉴定范文
2013/12/10 职场文书
《谁的本领大》教后反思
2014/04/25 职场文书
2015年学校后勤工作总结
2015/04/08 职场文书
2015年统战工作总结
2015/05/19 职场文书
毕业酒会致辞
2015/07/29 职场文书
MyBatis自定义SQL拦截器示例详解
2021/10/24 Java/Android