uni-app小程序跳转其他小程序、获取目标小程序的页面地址

这篇具有很好参考价值的文章主要介绍了uni-app小程序跳转其他小程序、获取目标小程序的页面地址。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、小程序中跳转其他小程序
1、在manifest.json中的mp-weixin目录下添加配置(替换目标小程序appid)
uniapp小程序跳转小程序,小程序,uni-app,微信小程序

		"navigateToMiniProgramAppIDList" : [ "wx8280850d07d385eb" ],

2、在需要跳转的页面添加按钮点击事件,替换path以及传参

uni.navigateToMiniProgram({
  appId: '',
  path: 'pages/index/index?id=123', // 不填默认首页
  extraData: {
    'data1': 'test'
  },
  success(res) {
    // 打开成功
  }
})

二、获取其他小程序页面地址
微信小程序中官方文档获取地址入口已经关闭不能用了(https://kf.qq.com/faq/180725biaAn2180725VnQjYF.html 这个地址的方法失效了)
需要去公众号上获取
1、登录公众号,打开编辑文章,点击小程序,在弹窗中输入要获取地址的小程序,必须是发布的小程序才可以
uniapp小程序跳转小程序,小程序,uni-app,微信小程序
2、点击获取更多地址,输入自己的微信号(微信号必须已经关注过登录的公众号)
uniapp小程序跳转小程序,小程序,uni-app,微信小程序
填写正确后点击开启
uniapp小程序跳转小程序,小程序,uni-app,微信小程序

开启后打开目标小程序的页面点击右上方的三个点按钮复制地址

ps:有些涉及到vuex存储信息不是通过url传参的,建议使用长按图片识别二维码的方式文章来源地址https://www.toymoban.com/news/detail-520876.html

<image src="../../static/invoice.jpg" :show-menu-by-longpress="true"></image>

到了这里,关于uni-app小程序跳转其他小程序、获取目标小程序的页面地址的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • uni-app基础详解(组件、弹窗、数据缓存、页面跳转)

    uni-app组件 scroll-view 回到顶部 swiper text 文本 属性 说明 selectable 是否选中 decode 解码 例如: lt; , gt; 等 space 是否显示空格 space的参数值 参数 说明 emsp 中文字符空格大小 ensp 中文字符空格一半大小 nbsp 根据字体设置的空格大小 button 按钮 input 输入框 属性名 类型 默认值 说明

    2024年01月18日
    浏览(43)
  • 【uni-app教程】四、UniAPP 路由配置及页面跳转

    uni-app 页面路由为框架统一管理,开发者需要在pages.json里配置每个路由页面的路径及页面样式。类似小程序在 app.json 中配置页面路由一样。所以 uni-app 的路由用法与 Vue Router 不同,如仍希望采用 Vue Router 方式管理路由,可在插件市场搜索 Vue-Router。 uni-app 有两种页面路由跳转

    2024年01月16日
    浏览(73)
  • uni-app写微信小程序input获取焦点部分安卓机页面不弹起问题(弹起一点焦点样式问题)

    以上代码是一个自己封装的一个输入框组建 以上是问题出现的关键,没有设置行高 设置行高后就解决了问题,具体原因不详

    2024年02月11日
    浏览(43)
  • uni-app获取手机号-获取用户地理位置-根据位置获取经纬度跳转高德

    1.获取手机号首先要先登录拿到code,用code去获取session_key 2.获取 code需要知道自己的AppID(小程序ID)和AppSecret(小程序密钥) 3.解密后得到手机号  登录微信公众平台拿到自己的AppID(小程序ID)和AppSecret(小程序密钥)  微信公众平台  补充获取 code: 补充 获取openId: 获取session_key:

    2024年02月03日
    浏览(69)
  • 【uni-app】uni-app实现聊天页面功能(小程序)——布局篇

    在工作中使用uni-app参与开发一个小程序,其中要写一个简单的聊天页面,虽然功能不多(只有一个发送文字的功能),但是其中的细节比较多,也踩过很多坑,特此记录下来。要实现的页面如图所示,该篇主要讲讲如何布局(参考了很多文章之后根据页面需求进行一个整合)

    2024年02月05日
    浏览(89)
  • uni-app分享小程序页面

    uni-app的小程序页面默认是不可分享的,点击页面右上角按钮进行分享时会提示:“当前页面不可转发/当前页面不可分享” 打开项目的manifest.json文件,在“App模块配置”项的“Share(分享)”下,勾选“微信分享”: 在代码中开启分享转发按钮 再次打开小程序页面,会发现已经

    2024年02月11日
    浏览(48)
  • uni-app小程序设置页面背景色

    在原生微信小程序中,可以通过下面的设置来设置页面背景色 但是在uni-app上,这样的设置在小程序端并没有起作用。 原因是因为style标签上加了scoped,那么如何在使用scoped的同时又能设置page背景色呢? 解决方案:

    2024年02月15日
    浏览(55)
  • 【小程序】uni-app 页面的传参和接参

    值得一提的是小程序只能使用字符串的方式进行传递,不像vue的路由传参。至于为什么要这样,这就需要看文档怎么说了。 注意:传递参数只能以 ?key=valuekey=value 方式传递 使用 onLoad() 钩子函数来接收 小程序只能以 字符串的方式进行传递和接收,那么复杂类型对象和数组怎

    2024年02月02日
    浏览(52)
  • uni-app | 小程序嵌入H5页面实现支付功能

    前一阵在做公司小程序时,有个需要对接支付的功能。但是本着订单数据和支付统一入口的设计原则,计划是对接公司商城现有的支付体系。故本方案是分析对接商城支付几种可行方案以及每种方案的可行性,最后综合选出一种最佳的方案。 实现方式 跳转商城小程序支付 跳

    2024年02月07日
    浏览(65)
  • uni-app 微信小程序 保存当前页面为图片

    由于在微信小程序环境下面没法获取dom,很多方法都很难去实现保存html结构的页面,比较有效的#painter 可以不需要操作dom,但是那玩意儿和重新用js写个页面一样,简单的页面还好,复杂的,元素比较多的就很麻烦,所以考虑用webview+html2canvas来完成 先说一下思路,既然在微

    2024年02月11日
    浏览(52)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包