微信小程序之间是如何跳转的,并携带参数

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

要实现小程序之间的跳转,需要使用小程序的跳转 API。具体步骤如下:

        1、在原小程序中,使用 wx.navigateToMiniProgram API 跳转到目标小程序。

wx.navigateToMiniProgram({
  appId: '目标小程序的 appid',
  path: '目标小程序的页面路径',
  extraData: { // 传递的参数,可选
    key1: 'value1',
    key2: 'value2'
  },
  envVersion: 'trial', // 跳转的小程序版本,可选,默认为 release
  success(res) {
    console.log('跳转成功', res)
  },
  fail(res) {
    console.log('跳转失败', res)
  }
})

        2、在目标小程序中,接收参数并进行处理。在目标小程序中,可以使用wx.getLaunchOptionsSync API获取原始启动参数,并从中获取传递过来的参数。

const launchOptions = wx.getLaunchOptionsSync()
const extraData = launchOptions.referrerInfo.extraData // 获取传递的参数

console.log('接收到的参数', extraData)

在使用小程序之间跳转时,要注意以下几点:文章来源地址https://www.toymoban.com/news/detail-561668.html

  • 目标小程序必须已经在微信公众平台上进行了注册和发布,并且要求跳转的小程序版本必须处于发布状态。
  • 传递的参数大小不能超过 128KB。
  • 跳转成功后,小程序间没有 Session 信息的共享,需要通过参数传递数据。

到了这里,关于微信小程序之间是如何跳转的,并携带参数的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • 【微信小程序】使用页面跳转并携带多个特定参数

    在我们项目的搭建时常常会用到页面跳转,在微信小程序中也支持多个跳转类型。如( wx.switchTabwx.reLauchwx.redirectTowx.navigateTowx.navigateBack )等等, 每一个路由API都是有相对应的特定跳转功能 ,在这里我就不赘述了。 微信开发者文档关于路由的知识点 这里我们 项目的需求 是

    2023年04月18日
    浏览(61)
  • 短信跳转打开微信小程序的指定页面,可以携带参数

    本项目具体需求是短信跳转同一个小程序的不同页面,可以带参数。使用云函数和h5页面,开发时使用静态网站调试,后期h5页面后端另外部署的。 不属于原创,只是在使用的过程中参考以下教程,最终达到效果。现在记录下自己的实施过程。 微信小程序云函数使用教程【超

    2024年04月16日
    浏览(100)
  • 【微信小程序】扫描外部二维码、小程序码进入并获得携带参数,使用参数跳转到指定页面

    您需要使用微信提供的跳转链接和相关参数。以下是实现的步骤: 生成跳转链接:使用以下链接格式生成跳转链接,其中 APPID 是您的小程序的 AppID, PATH 是您要跳转的页面路径, QUERY 是您要传递的参数。 生成二维码:使用生成的跳转链接生成二维码。您可以使用在线的二维

    2024年02月08日
    浏览(63)
  • 微信小程序内页跳转登录,登录完成后携带参数重新回到之前页面实现方法

    第一步:在app.js或utils.js中添加以下两个方法: 第二步:在跳转到登录页面跳转前调用setCallbackUrl方法(获当前页面的路径和参数存本地),登录页面登录成功后调用getCallBackUrl方法(提取之前存的路径和参数返回),如果没有就在catch中执行登录后的正常逻辑,比如跳转到默

    2024年02月02日
    浏览(65)
  • 微信小程序之间跳转,多个微信小程序相互跳转,小程序里如何跳转另一个小程序

    微信小程序之间跳转,多个微信小程序相互跳转,小程序里如何跳转另一个小程序 view代码 js代码

    2024年02月12日
    浏览(45)
  • 微信小程序有关跳转的API

    小程序可以通过以下API进行跳转: 1. `wx.navigateTo(options)`:保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面。 2. `wx.redirectTo(options)`:关闭当前页面,跳转到应用内的某个页面。 3. `wx.reLaunch(options)`:关闭所有页面,打开应用内的某个页面。 4. `wx.

    2024年02月03日
    浏览(40)
  • 微信小程序页面跳转的区别

    ①wx.navigateTo:跳转到新页面,可以返回上一层页面 ②wx.redirectTo:跳转到新页面并且关闭当前页面,不可以返回上一层页面(跳转到指定的非TabBar页面) ③wx.reLaunch:跳转到新页面并且关闭当前所有页面,不可以返回上一层页面 ④wx.switchTab:跳到属于tabBar的页面

    2024年02月13日
    浏览(42)
  • 微信小程序中路由跳转的方式有哪些?区别?

    微信小程序拥有 web 网页和 Application 共同的特征,我们的页面都不是孤立存在的,而是通过和其他页面进行交互,来共同完成系统的功能 在微信小程序中,每个页面可以看成是一个 pageModel , pageModel 全部以栈的形式进行管理 常见的微信小程序页面跳转方式有如下: wx.navig

    2024年02月01日
    浏览(42)
  • 【面试合集】说说微信小程序中路由跳转的方式有哪些?区别?

    微信小程序拥有 web 网页和 Application 共同的特征,我们的页面都不是孤立存在的,而是通过和其他页面进行交互,来共同完成系统的功能 在微信小程序中,每个页面可以看成是一个 pageModel , pageModel 全部以栈的形式进行管理 常见的微信小程序页面跳转方式有如下: wx.navig

    2024年01月19日
    浏览(49)
  • unapp微信小程序转发分享、携带参数

    这里有个uni官方文档的bug,uni官方文档并没有说明uni.showShareMenu有menus配置项,但是微信官方文档是有的。所以加上也是会生效的。 注意:配置了此项,此种方式优先级要比第二种方式要高,所以采用第二种方式就不能配置第一种方式。 下面是uni的文档配置项:官方文档 微信

    2024年02月01日
    浏览(69)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包