专栏首页编程微刊小程序中点击按钮跳转另外一个小程序

小程序中点击按钮跳转另外一个小程序

有很多时候,推广业务需要,会在一个小程序之中绑定另外一个小程序,形成小程序内部之间的生态系统,不但可以满足用户更多需求,增强小程序用户粘性,还可以有利于小程序大量引流。

好了话不多说,从小程序A内跳转到小程序B内有一个前提条件:A和B必须被同一个公众号关联,打开同一公众号下关联的另一个小程序。(注:必须是同一公众号下,而非同个 open 账号下)

两种方法跳转对比 :

方法1:wx.navigateToMiniProgram(OBJECT)

navigateToMiniProgram 开发环境的7月20号正式弃用了:

文档:https://developers.weixin.qq.com/miniprogram/dev/api/open-api/miniprogram-navigate/wx.navigateToMiniProgram.html

wx.navigateToMiniProgram({
  appId: '要打开的AppId',
  path: 'pages/index/index?id=123456789',
  extarData: {
    open: 'happy'
  },
  envVersion: 'release',
  success(res) {
    // 打开成功
  }
})

常见 Bug 表现:使用navigateToMiniProgram打开新的小程序时,原小程序被关闭导致无法使用navigateBackMiniProgram方法

方法2:navigator组件跳转:(代替)

文档:https://developers.weixin.qq.com/miniprogram/dev/component/navigator.html

开始: wxml:

 <view class="btn-area">
  <navigator target="miniProgram" open-type="navigate" app-id="wxaa0b47080dce0847" path="" extra-data="" version="release" class='nav'>打开绑定的小程序</navigator>
</view> 

wxss:

.nav {
  color: #fff;
  height: 120rpx;
  line-height: 120rpx;
  background: green;
  text-align: center;
}

对比之前小程序跳转的旧方法,从 2.3.0 版本开始,在跳转至其他小程序前,将统一增加弹窗,询问是否跳转,用户确认后才可以跳转其他小程序。

但是,跳转的时候会发生这样的情况,navigateToMinProgram接口需要配置声明,否则没有办法跳转。

在微信开发者工具之中是如此,不妨打开二维码,真机测试,成功跳转到另外一个小程序上面。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 小程序云开发实战七:云开发首页列表跳转详情页

    1:实战六之中,列表页已经完成,现在新建一个详情页,打开app.json,"pages/details/details",,自动生成了一个详情页

    王小婷
  • Vue移动端框架Mint UI教程-跳转新页面(四)

    前三节写了vue的移动端框架的入门篇章,今天接着写,今天写的教程其实很简单,在之前的基础上,新建一个界面,并且进行跳转新页面。

    王小婷
  • 小程序云开发实战七:云开发首页列表跳转详情页

    1:实战六之中,列表页已经完成,现在新建一个详情页,打开app.json,"pages/details/details",,自动生成了一个详情页

    王小婷
  • ThinkPHP5.1框架页面跳转及修改跳转页面模版示例

    本文实例讲述了ThinkPHP5.1框架页面跳转及修改跳转页面模版。分享给大家供大家参考,具体如下:

    砸漏
  • 小程序的下半场,如何用产品思维抓住最后的红利

    在小程序起伏一年多后,惧怕错过红利和风口的投资人,开始出现集体“恐慌性投资”的现象,随着微信给小程序更多的入口和流量,B 端开发者数量的猛增,投资人已经开始疯狂...

    齿轮易创说互联网
  • 马化腾在小程序首次获选世界互联网领先科技成果奖发表演讲

    昨日小程序斩获一项世界级殊荣——在乌镇举行的第五届世界互联网大会“世界互联网领先科技成果发布活动”上,作为一项全新的技术和应用创新,小程序首次获选世界互联网领先...

    ytkah
  • delete 后加 limit 是个好习惯么?!

    在业务场景要求高的数据库中,对于单条删除和更新操作,在删除和更新后加限制1绝对是个好习惯。这样,在删除执行中,第一条就命中了删除行,如果SQL中有限制1;这时就...

    芋道源码
  • logstash安装

    需要环境 java -versionjava version "1.7.0" 源码安装 wget https://download.elasticsearch....

    零月
  • 二、源代码=>程序集及程序集概念介绍

    文本脉络图如下: ? 一、源代码-面向CLR的编译器-托管模块-(元数据&IL代码)中介绍了编译器将源文件编译成托管模块(中间语言和元数据),本文主要介绍如何将...

    郑小超.
  • 拼多名,让网购重回混乱的上帝之手

    媒体与大众对拼多多洗脑营销和假货横行积怨已深,此次的上市正是压死骆驼的最后一根稻草,抛去痕迹浓重的公关文稿,媒体圈层爆发了前所未有的评论一边倒,感恩良心依旧的执...

    齿轮易创说互联网

扫码关注云+社区

领取腾讯云代金券