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


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 相关文章推荐
js传值 判断
Oct 26 Javascript
javascript检查表单数据是否改变的方法
Jul 30 Javascript
图片动画横条广告带上下滚动可自定义图片、链接等等
Oct 20 Javascript
Vue.js实现多条件筛选、搜索、排序及分页的表格功能
Nov 24 Javascript
javascript编写简易计算器
May 06 Javascript
Angular.js中数组操作的方法教程
Jul 31 Javascript
将Sublime Text 3 添加到右键中的简单方法
Dec 12 Javascript
JavaScript继承定义与用法实践分析
May 28 Javascript
微信小程序自定义组件之可清除的input组件
Jul 17 Javascript
JavaScript 继承 封装 多态实现及原理详解
Jul 29 Javascript
vue 数据遍历筛选 过滤 排序的应用操作
Nov 17 Javascript
JS算法教程之字符串去重与字符串反转
Dec 15 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
15种PHP Encoder的比较
2007/03/06 PHP
PHP iconv 解决utf-8和gb2312编码转换问题
2010/04/12 PHP
微信公众平台消息接口校验与消息接口响应实例
2014/12/23 PHP
php构造函数与析构函数
2016/04/23 PHP
thinkphp在php7环境下提示Cannot use ‘String’ as class name as it is reserved的解决方法
2016/09/30 PHP
浅谈PHP的反射机制
2016/12/15 PHP
Struts2的s:radio标签使用及用jquery添加change事件
2013/04/08 Javascript
JS根据变量保存方法名并执行方法示例
2014/04/04 Javascript
如何使用AngularJs打造权限管理系统【简易型】
2016/05/09 Javascript
微信小程序 实例应用(记账)详解
2016/09/28 Javascript
jQuery图片切换动画效果
2017/02/28 Javascript
javascript数据结构之串的概念与用法分析
2017/04/12 Javascript
JavaScript实现购物车基本功能
2017/07/21 Javascript
AngularJs点击状态值改变背景色的实例
2017/12/18 Javascript
p5.js实现斐波那契螺旋的示例代码
2018/03/22 Javascript
javascript实现点击产生随机图形
2021/01/25 Javascript
[00:53]2015国际邀请赛 中国区预选赛一触即发
2015/05/14 DOTA
[46:27]DOTA2上海特级锦标赛主赛事日 - 1 胜者组第一轮#2LGD VS MVP.Phx第一局
2016/03/02 DOTA
python进阶教程之动态类型详解
2014/08/30 Python
Python开发常用的一些开源Package分享
2015/02/14 Python
Python使用os.listdir()和os.walk()获取文件路径与文件下所有目录的方法
2019/04/01 Python
python使用百度文字识别功能方法详解
2019/07/23 Python
如何将 awk 脚本移植到 Python
2019/12/09 Python
利用CSS3参考手册和CSS3代码生成工具加速来学习网页制
2012/07/11 HTML / CSS
台湾乐天市场:日本No.1的网路购物网站
2017/03/22 全球购物
历史学专业大学生找工作的自我评价
2013/10/16 职场文书
经典商业广告词
2014/03/13 职场文书
小学生开学第一课活动方案
2014/03/27 职场文书
给老婆的保证书范文
2014/04/28 职场文书
涉密人员保密承诺书
2014/05/28 职场文书
诚信考试标语
2014/06/24 职场文书
验房委托书
2014/08/30 职场文书
迎国庆演讲稿
2014/09/05 职场文书
工作汇报开头与结尾怎么写
2014/11/08 职场文书
学校青年志愿者活动总结
2015/05/06 职场文书
css中z-index: 0和z-index: auto的区别
2021/08/23 HTML / CSS