小程序中实现两个或者多个小程序之间互相跳转

这篇具有很好参考价值的文章主要介绍了小程序中实现两个或者多个小程序之间互相跳转。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

前言:

        小程序中实现两个或者多个小程序之间互相跳转,a小程序带参跳转到b小程序中。

官方入口:wx.navigateToMiniProgram(Object object)

点我https://developers.weixin.qq.com/miniprogram/dev/api/navigate/wx.navigateToMiniProgram.html

小程序中实现两个或者多个小程序之间互相跳转

实现步骤:

一、配置双方小程序的appid

a小程序:app.json: //数组是其他小程序的appid

"navigateToMiniProgramAppIdList": ["wx344d57363fac..."]

小程序中实现两个或者多个小程序之间互相跳转

b小程序中: app.json: //数组是其他小程序的appid

"navigateToMiniProgramAppIdList": ["a小程序的appid"]

小程序中实现两个或者多个小程序之间互相跳转

二、跳转-  a小程序中

1、页面标签跳转

<navigator 
    app-id="b小程序的appid"
    path="/pages/index/index?a=1" //b小程序的打开路径
    bindsuccess="successFun"      //跳转成功以后的回调函数
    version="develop"             //跳转 b小程序的版本号,如果是线上则不需要
    target="miniProgram" 
    open-type="navigate" 
    extra-data="{{message}}">
    跳转
</navigator>

2、js方法跳转

<button bindtap='goOtherPage'>点我跳转</button>
//跳转到别的小程序
goOtherPage:function() {

    wx.navigateToMiniProgram({
       appId: 'wx344d57363fac558a',
       path: '/pages/login/login?a=1',//跳转目标页面+携带参数
       extraData: {
           a: '123'//携带参数
        },
        envVersion: 'develop',
        success(res) {
            // 打开成功
            debugger
        }
    })
},

三、接收参数-b小程序中

1、/pages/login/login?a=1  获取 a=1

***在跳转的页面里面,onLoad这个函数里面可以获取到

小程序中实现两个或者多个小程序之间互相跳转

2、获取extraData

message对象获取需要在小程序B的app.js的  onshow  或者  onlaunch  函数里面获取文章来源地址https://www.toymoban.com/news/detail-408792.html

//login.js
Page({
    
  onLaunch: function (e) {
    let path = e.path //路由 = pages/login/login
    let obj = e.referrerInfo
    let extraData = obj.extraData  //参数
    let appID= obj.appId          //参数

  },

  onShow:function(e){
    let path = e.path //路由 = pages/login/login
    let obj = e.referrerInfo
    let extraData = obj.extraData  //参数
    let appID= obj.appId          //参数



    let a = extraData.a  //拿到我们a小程序传的值了
  }


})

四、测试,最起码也要真机测试才可以

到了这里,关于小程序中实现两个或者多个小程序之间互相跳转的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 页面跳转和两个页面之间的数据传递-鸿蒙ArkTS

    本篇文章主要是对两个页面之间数据传递进行实现。 页面跳转和参数接受是通过导入 router 模块实现。 router.pushUrl() 跳转到指定页面。 router.replaceUrl() 替换当前页面并销毁。 router.back() 返回上一个页面。 router.getParams() 获取上一个页面跳转过来携带的参数。 router.clear() 清空当

    2024年02月12日
    浏览(59)
  • 51内核单片机实现Bootloader跳转到用户程序,要求两个程序都要支持中断

    本文使用的单片机为笙科的A9129F6,Flash大小为64KB,SRAM大小为8KB。 Flash空间规划如下。 起始地址 结束地址 用途 0x0000 0x3fff Bootloader 程序 0x4000 0xefff 用户程序( APP 程序) 0xf000 0xffff 存放设备 配置信息 程序间跳转实现起来很简单,只需要使用函数指针就行了。 但是难点在于

    2024年02月16日
    浏览(38)
  • 前端html中让两个或者多个div在一行显示,用style给div加上css样式

    DIV是层叠样式表中的定位技术,全称DIVision,即为划分。有时可以称其为图层。DIV在编程中又叫做整除,即只得商的整数。 DIV元素是用来为HTML(标准通用标记语言下的一个应用)文档内大块(block-level)的内容提供结构和背景的元素。 我们知道,默认情况下每个div都是单独一

    2024年02月14日
    浏览(55)
  • JavaScript实现求1-100之间不能被3整除的数之和,求100以内偶数的和的两个程序代码

    以下为实现求1-100之间不能被3整除数之和求100以内偶数的和的两个程序代码和运行截图 目录 前言 一、实现输入两个数比较两个数的大小 1.1 运行流程及思想 1.2 代码段 1.3 JavaScript语句代码 1.4 运行截图 二、求100以内偶数的和 2.1 运行流程及思想 2.2 代码段 2.3 JavaScript语句代码

    2024年02月03日
    浏览(40)
  • Cisco路由静态路由配置试验步骤 实现不同网段之间的路由互相访问

    大家看到大家看到上面这个简单的拓扑了吗?我们这次的实验目的就是让这三台路由之间都可以实现通信,也就是互相之间可以ping通。 我们可以看到,当所有的Router都连接在一起的时候,其中同一网段内是可以实现互相访问的,但是我们如何才能够让不同网段之间的路由也

    2024年02月07日
    浏览(78)
  • uniapp App跳转微信小程序并互相传递参数、接收微信小程序传递的参数

    本文是uniapp打包成安卓App。 一、注意事项 1、用到了分享功能,在打包App时,需要配置manifest.json:App 模块配置-Share。按照提示填写微信分享的信息,appid的获取参考我的另一篇文章:uniapp项目 App端实现微信登录、QQ登录 2、因为涉及到第三方 SDK 的配置,需要打包自定义基座

    2024年02月09日
    浏览(54)
  • Ubuntu下通过.sh文件同时启动多个程序系列2—启动多个终端分别运行不同指令或者程序

    项目上经常遇到需要到开多个终端分别启动不用程序,这里简单介绍一个方法,通过.sh文件,同时启动多个程序 这里创建的文件名为 test.sh chmod 777 test.sh ./test.sh gnome-terminal --tab --title=A.sh – bash -c “ cd /home/aha/Downloads/test1 ./run.sh run.log ;exec bash” 只需要修改加粗部分即可 例如

    2024年02月06日
    浏览(63)
  • 小程序与h5之间的跳转(webview)

    在微信官网中,h5跳小程序并带参是有api的,直接使用wx.miniProgram.navigateTo(url)就可以了,但是项目中往往这个是不够用的,因为我们可能还想着从小程序中执行完一些程序后拿到返回值给返回到h5中,这时这个参数就不好带到h5中了,所以这篇文章就解决了这个 小程序向h5传参

    2024年02月10日
    浏览(42)
  • 微信小程序使用web-view跳转网页解决跳转出现空白或者被拦截问题

    首先,在小程序的页面布局文件中添加web-view组件的引用 给大家先画个草图大家就明白了 具体操作可以私信我,我手把手教你解决

    2024年04月23日
    浏览(59)
  • 微信小程序之间是如何跳转的,并携带参数

    要实现小程序之间的跳转,需要使用小程序的跳转 API。具体步骤如下:         1、在原小程序中,使用  wx.navigateToMiniProgram  API 跳转到目标小程序。         2、在目标小程序中,接收参数并进行处理。在目标小程序中,可以使用wx.getLaunchOptionsSync API获取原始启动参

    2024年02月16日
    浏览(46)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包