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


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 相关文章推荐
jquery 常用操作方法
Jan 28 Javascript
使用indexOf等在JavaScript的数组中进行元素查找和替换
Sep 18 Javascript
jQuery $.each遍历对象、数组用法实例
Apr 16 Javascript
通过js获取上传的图片信息(临时保存路径,名称,大小)然后通过ajax传递给后端的方法
Oct 01 Javascript
js获取时间精确到秒(年月日)
Mar 16 Javascript
AngularJS监听路由的变化示例代码
Sep 23 Javascript
Bootstrap的基本应用要点浅析
Dec 19 Javascript
微信公众号菜单配置微信小程序实例详解
Mar 31 Javascript
JavaScript中各数制转换全面总结
Aug 21 Javascript
Vue2.0设置全局样式(less/sass和css)
Nov 18 Javascript
Node.js API详解之 Error模块用法实例分析
May 14 Javascript
javascript数组includes、reduce的基本使用
Jul 02 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
Codeigniter中集成smarty和adodb的方法
2016/03/04 PHP
laravel获取不到session的三种解决办法【推荐】
2018/09/16 PHP
laravel 多图上传及图片的存储例子
2019/10/14 PHP
javascript获取当前ip的代码
2009/05/10 Javascript
js禁止document element对象选中文本实现代码
2013/03/21 Javascript
jQuery计算textarea中文字数(剩余个数)的小程序
2013/11/28 Javascript
js中精确计算加法和减法示例
2014/03/28 Javascript
JS编写函数实现对身份证号码最后一位的验证功能
2016/12/29 Javascript
jQuery导航条固定定位效果实例代码
2017/05/26 jQuery
BootStrap Select清除选中的状态恢复默认状态
2017/06/20 Javascript
jQuery实现判断上传图片类型和大小的方法示例
2018/04/11 jQuery
jQuery实现的简单歌词滚动功能示例
2019/01/07 jQuery
element-ui树形控件后台返回的数据+生成组织树的工具类
2020/03/05 Javascript
详解ES6中class的实现原理
2020/10/03 Javascript
跟老齐学Python之永远强大的函数
2014/09/14 Python
python概率计算器实例分析
2015/03/25 Python
Python向Excel中插入图片的简单实现方法
2018/04/24 Python
Windows上使用Python增加或删除权限的方法
2018/04/24 Python
详谈套接字中SO_REUSEPORT和SO_REUSEADDR的区别
2018/04/28 Python
Python使用Flask-SQLAlchemy连接数据库操作示例
2018/08/31 Python
Python通过for循环理解迭代器和生成器实例详解
2019/02/16 Python
python中类的输出或类的实例输出为这种形式的原因
2019/08/12 Python
django框架F&amp;Q 聚合与分组操作示例
2019/12/12 Python
Python-opencv 双线性插值实例
2020/01/17 Python
pytorch使用tensorboardX进行loss可视化实例
2020/02/24 Python
python实现手势识别的示例(入门)
2020/04/15 Python
Giglio英国站:意大利奢侈品购物网
2018/03/06 全球购物
北美最大的参茸药食商城:德成行
2020/12/06 全球购物
工程造价管理专业大专生求职信
2013/10/06 职场文书
大学学习个人的自我评价
2014/02/18 职场文书
公司法人授权委托书范本
2014/09/12 职场文书
开票证明
2015/06/23 职场文书
小学运动会通讯稿
2015/07/18 职场文书
三八节活动简报
2015/07/20 职场文书
Python爬虫进阶之Beautiful Soup库详解
2021/04/29 Python
python实现手机推送 代码也就10行左右
2022/04/12 Python