精华内容
下载资源
问答
  • 小程序跳转小程序

    千次阅读 2018-09-30 14:39:12
    extra-data:跳转小程序携带的参数 version:当target="miniProgram"时有效,要打开的小程序版本,有效值 develop(开发版),trial(体验版),release(正式版),仅在当前小程序为开发版或体验版时此参数有效;...

     

    重点需要在配置文件app.json 添加 属性navigateToMiniProgramAppIdList:['appid1','appid2']最多10个

    官方文档链接:https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html

     

    一、navigateToMiniProgram

    官方文档链接:https://developers.weixin.qq.com/miniprogram/dev/api/wx.navigateToMiniProgram.html

    
    wx.navigateToMiniProgram({
      appId: '',//小程序appid
      path: 'page/index/index?id=123',//跳转关联小程序app.json配置里面的地址
      extraData: {//需要传递给目标小程序的数据,目标小程序可在 App.onLaunch(),App.onShow() 中获取到这份数据。
        foo: 'bar'
      },
     //**重点**要打开的小程序版本,有效值 develop(开发版),trial(体验版),release(正式版) 
      envVersion: 'develop',
      success(res) {
        // 打开成功
      }
    })

    二、navigator

    官方文档链接:https://developers.weixin.qq.com/miniprogram/dev/component/navigator.html

    appd-id:小程序appid
    path:小程序路径
    extra-data:跳转小程序携带的参数
    version:当target="miniProgram"时有效,要打开的小程序版本,有效值 develop(开发版),trial(体验版),release(正式版),仅在当前小程序为开发版或体验版时此参数有效;如果当前小程序是正式版,则打开的小程序必定是正式版。

    
    <navigator target="miniProgram" open-type="navigate" app-id="" path="" extra-data="" version="release">打开绑定的小程序</navigator>
    
    
    

     

    展开全文
  • 最近遇到了一系列的小程序跳转问题,甚是头大,好不容易最后都解决了,总结记录一下 1、小程序中加载H5页面,H5页面是一个表单,提交后执行跳转小程序的其他页面 (1)小程序中加载H5页面 在小程序中加载H5...

     

    最近遇到了一系列的小程序的跳转问题,甚是头大,好不容易最后都解决了,总结记录一下

    1、小程序中加载H5页面,H5页面是一个表单,提交后执行跳转到小程序的其他页面

    (1)小程序中加载H5页面

    在小程序中加载H5页面需要通过小程序提供的<web-view>(官方文档看这里https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html)主要是在src中绑定相应的H5页面url地址,如https://www.baidu.com这种;

    注意:在web-view中加载的页面的域名,需要在微信公共平台中配置业务域名,,否则会在加载页面时给出非法业务域的安全提示,个人和海外账号暂时不支持,因为为了公司的需求开发的,企业账号还是支持的哈哈(可参考这篇腾讯官方文档https://kf.qq.com/touch/sappfaq/171102ue6viI171102jm63uy.html),在这篇文档的底部有几个注意事项需要关注,尤其时联合开发的时候:一个小程序最多配置20个安全业务域名,每个域名最多绑定20个小程序,一年内修改域名的次数不能超过50次(次数这个限制要注意了,所以输入域名的时候一定要谨慎一点);

    添加成功后可以在微信开发者工具中详情信息中的域名信息中进行查看,分为几个分类包括request啊文件上传下载啊各种,如果你的h5页面涉及很多接口的话,建议都添加上,各个分类中相同的域名配置是算作一个的,不用担心在不同分类中配置相同的域名会占用20个业务域名的名额。

    之后,通过访问你设置的web-view的路由加上?url=encode之后的url就可以访问web-view页面了,不过在开发者工具里面有接口的页面在调试的时候预览存在问题,我的是没看到页面。。。不过真机上是ok的。

    2、H5页面跳转回小程序

    这个功能是基于第一步的,在web-view中内嵌了H5页面后,如果需要进行跳转回小程序的操作,参考web-view的官方文档

    我们需要引用微信的jssdk执行这项操作,jssdk官方文档请看这里(https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115)但是请注意这一点!很重要,虽然下图中提示不进行wx.config无法使用jssdk,但是!实际情况,使用上图中wx.miniProgram的一系列方法只需要引入jssdk就好了,并不需要进行复杂的注册(跳转调用的是navigateTo方法,不需要注册,不需要注册,不需要注册),如果你需要使用jssdk的其他接口方法,请务必按api进行注册。

    引入jssdk可以通过script直接引入,也可以通过npm 安装后进行导入

    script导入:

    <script
      type="text/javascript"
      src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"
    ></script>

    npm 安装后导入(yarn不支持安装,试过了) 

    文档看这里https://www.npmjs.com/package/weixin-js-sdk

    npm install weixin-js-sdk

    我h5页面使用的vue,导入方式如下

    import wx from "weixin-js-sdk" ;//引入jssdk 

    接下来就可以使用跳转了,示例代码如下

    let path = '/pages/xxx?id=111';//注意路径一定要有/path/xxx  直接写path/xxx会跳转失败

    wx.miniProgram.navigateTo({

           url: path

    });

    可以实现跳转

    3、小程序跳转小程序

     小程序跳转小程序,官方文档看这里(https://developers.weixin.qq.com/miniprogram/dev/api/wx.navigateToMiniProgram.html

    一开始没有仔细看文档。。。以为简单的在判断逻辑里面加跳转方法就好了,结果!我的基础库是2.3.0以上的,当然没有生效了,原因是这一句

    为了让用户点击一下,曲线救国,在逻辑判断里面添加了modal确认跳转提示框,在确认事件里引入了跳转,多了一步确认哈哈,

     wx.showModal({
        title: '提示',
        content: '您已xxx,将跳转至xxxx',
        confirmColor: "#1aad19",//设置确认按钮为绿色
        showCancel: false,//不显示取消按钮
        success: function (sm) {
            wx.navigateToMiniProgram({
                appId: "需要跳转的小程序的appId",
                 path: '跳转页面的路径如path/index/index',
                 extraData: {//传递的参数
                   id: id
                 },
                 envVersion: "develop",//线上版固定为release,开发为develop,体验版为trial
                 success(res) {
                   // 打开成功
                   console.log("跳转成功");
                 }
             });
            }
         })

    跳转还需要在app.json中配置可跳转的小程序的id集合,上图最后也有提示到2.4.0版本xxxx,话不多说,配置文档在这里(https://developers.weixin.qq.com/miniprogram/dev/framework/config.html#%E5%85%A8%E5%B1%80%E9%85%8D%E7%BD%AE),如图添加

    注意:如果是跳还需要在根app.json文件中配置可跳转的小程序appid集合列表(单个小程序可接受跳转过来的小程序链接配置不超过10个),如下图

    "navigateToMiniProgramAppIdList": [
    
        "appid1",
    
        "appid2"
    
    ],

    这个如果跳转成功的话,在开发者工具中就可以得到验证,2.3.0以上会提示将打开xx小程序,是否同意,成功~ 

    个人总结,如有遗漏,欢迎评论批评指正,谢谢~~~

     

    展开全文
  • 因为小程序跳转的时候需要公众号关联,但是关联的数量是有限的!因此该文章的处理方案是: a.关联的小程序,直接可以点击打开 b.没有关联的,那么可以长按识别小程序码来进入小程序 下面展示效果: 1.点击关联有...

    场景描述:

    因为小程序跳转的时候需要公众号关联,但是关联的数量是有限的!因此该文章的处理方案是:
    a.关联的小程序,直接可以点击打开
    b.没有关联的,那么可以长按识别小程序码来进入小程序

    下面展示效果

    1.点击关联有appid的时候,直接进入小程序
    2.点击没有appid的时候弹出小程序码,长按识别可以进入小程序
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    js代码:

    Page({
      data: {
         gameInfo: [
    	      {
    	        appid: "",
    	        gameId: 12329,
    	        gameLogo: "http://zhihuiyuan.oss-cn-beijing.aliyuncs.com/1-wechet/game/1537246277627.png",//展示的图片
    	        gameName: "萌宠地图",
    	        gameUrl: "http://zhihuiyuan.oss-cn-beijing.aliyuncs.com/mYPYmhStYj.jpg",//小程序码
    	      },
    	      {
    	        appid: "wx2cb0ab4b1be0e577",
    	        gameId: 12331,
    	        gameLogo: "http://zhihuiyuan.oss-cn-beijing.aliyuncs.com/1-wechet/game/1537246649090.png",//展示的图片
    	        gameName: "游戏点评家",
    	        gameUrl: "",
    	      },
    	    ],
        },
        //点击方法1:跳转小程序
      intoUrl: function(e) {
        console.log(e);
        var gameAppId = e.currentTarget.dataset.appid; //游戏appid
        if (gameAppId){//存在appId
          wx.navigateToMiniProgram({
            appId: gameAppId, // 要跳转的小程序的appid
            path: "", // 跳转的目标页面
            extarData: {
              open: 'auth'
            },
            success(res) {
              console.log("跳转成功展示");
            }
          })
        }else{//不存在appId
          this.previewImageUrl(e);
        }
      },
      previewImageUrl: function (e) {
        var url = e.currentTarget.dataset.url;
        var imgArr = [];
        imgArr.push(url);
        wx.previewImage({
          current: imgArr[0], // 当前显示图片的http链接 
          urls: imgArr // 需要预览的图片http链接”列表“ 
        });
      },
    })
    

    注意:previewImage中”urls“需要填写数组形式的值

    wxml代码:

    <view class="recommend_scroll_box">
      <view class="recommend_hot_box" wx:for="{{gameInfo}}" wx:key="{{info.gameId}}" wx:for-item="info">
        <view>
          <image src='{{info.gameLogo}}' data-url="{{info.gameUrl}}" data-appid='{{info.appid}}' bindtap="intoUrl"></image>
        </view>
        <text>{{info.gameName}}</text>
      </view>
    </view>
    

    注意:data-url如果写成data-URL,注意取值的时候还是var url = e.currentTarget.dataset.url(忽略大小写问题!)

    希望小伙伴们能够看到自己想要的效果!

    展开全文
  • 在公众号上关联你要跳转小程序,然后配置在菜单上就可以了。 官方未开放 小程序—×—>公众号 打开小程序 小程序——>小程序 打开同一公众号下关联的另一个小程序。(注:必须是同一公众号下,而非同个 ...

    这个可以

    公众号——>小程序

    在公众号上关联你要跳转的小程序,然后配置在菜单上就可以了。

    官方未开放

    小程序—×—>公众号

    打开小程序

    小程序——>小程序
    打开同一公众号下关联的另一个小程序。(注:必须是同一公众号下,而非同个 open 账号下)
    https://mp.weixin.qq.com/debug/wxadoc/dev/api/navigateToMiniProgram.html
    返回到上一个小程序,只有在当前小程序是被其他小程序打开时可以调用成功
    https://mp.weixin.qq.com/debug/wxadoc/dev/api/navigateBackMiniProgram.html

    打开App

    https://mp.weixin.qq.com/debug/wxadoc/dev/api/launchApp.html
    小程序打开APP,前提是你是从APP内打开小程序,才能返回打开APP,不然是不支持的,也就是说让APP给小程序导流,然后再将流量返回到APP的能力
    当小程序从 APP 分享消息卡片的场景打开时,小程序会获得打开 APP 的能力,此时用户点击按钮可以打开分享该卡片的 APP。即小程序不能打开任意 APP,只能 跳回 分享该小程序卡片的 APP。

    移动应用分享功能支持小程序类型分享
    如携程,分析后是小程序
    要求发起分享的App与小程序属于同一微信开放平台帐号。
    如app分享到微信,要申请开发者平台账号

    展开全文
  • 1.(wx.navigateTo)在小程序页面跳转中,页面之间跳转会有携带参数的需要(例如:从列表页跳转到详情,详情需要通过不同的id来请求不同的详情页数据): (1)跳转有两种: ①标签方式:&lt;navigator url=&...
  • A小程序跳转到B小程序,并且把参数带到B小程序。 A小程序代码: wxml &lt;navigator target="miniProgram" open-type="navigate" app-id="{{BappId}}" path="{{path}}&...
  • 从 2.4.0 版本以及指定日期(具体待定)开始,开发者提交新版小程序代码时,如使用了跳转其他小程序功能,则需要在代码配置中声明将要跳转小程序名单,限定不超过 10 个,否则将无法通过审核。该名单可在发布新版...
  • 也没什么前沿不前沿的,只是说一下感受,之前有个有关停车项目有个坑爹的需求,需要获取用户定位信息并且获取用户终点位置信息,点击按钮后再跳转到其他导航小程序,让用户可以直接在小程序中进行导航,而不需要跳转...
  • 微信小程序跳转到其他网页(外部链接)

    万次阅读 多人点赞 2018-03-08 13:48:50
    个人类型和海外类型的小程序不支持 web-view 标签 也就是说个人申请的小程序,就别想跳转了!!!! 1.开发的时候,我们难免碰到要跳转到其他网页中去那该怎么实现呢? 2.例如我想点击一个按钮,跳转到百度(百度...
  • 小程序跳转到其他小程序

    万次阅读 2019-01-17 10:55:02
    我记得在之前的几个月小程序跳转必须是同一主体(同一公众号),但是现在不用了!!可以随便跳转 了!! 一、使用限制 1.需要用户触发跳转 从 2.3.0 版本开始,若用户未点击小程序页面任意位置,则开发者将无法...
  • 最近开发中常常遇到需要模拟公众号跳转到某个小程序或者小程序跳转小程序的情况,开发阶段一般我们都使用微信开发者工具进行开发,存在跳转的情况应该如何模拟呢,尤其是遇到bug的时候,总是在真机上面看真是太吃力...
  • 主要介绍了小程序跳转到的H5页面再跳转回跳小程序的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
  • 小程序跳转到的H5页面,再跳转回跳小程序

    万次阅读 热门讨论 2018-08-21 10:00:14
    哈喽,大家上午好,萍子又来啦,本人最近一段时间一直...之前萍子写过一篇从小程序跳转到H5页面的博文小程序跳H5页面,那么今天我们一起来看看如何跳回来,我们要有始有终哇,O(∩_∩)O哈哈~ H5跳转到小程序的方...
  • 微信小程序跳转其他小程序报错

    万次阅读 2018-08-30 19:32:22
    当前小程序和要跳转到指定的小程序,二者之间已经满足了都是同一公众号下关联的小程序的前提。 不满足前提,无法在一个小程序内打开另一个小程序。 tip:只有同一公众号下的关联的小程序之间才可相互跳转。 详情入口...
  • 小程序跳转h5页面.rar

    2019-12-18 15:19:29
    使用tarojs生成微信小程序,实现小程序跳转h5页,或者跳转小程序,需要配置需要跳转的小程序openid,之后再需要跳转的页面将url带入webview中,动态概念webview中的url,并将webview中的url与视图关联,达到预期效果...
  • 小程序 跳转到腾讯文档小程序

    千次阅读 2021-07-13 16:30:43
    1、需求 在小程序内打开腾讯文档 2、要打开的文档 先把需要跳转的文档准备好, 然后分享出去, 方便复制链接
  • 一、获取京东小程序APPID 二、获取小程序路径 1、随便进入一个小程序的开发后台 2、点击生成小程序码,然后输入小程序的appid选择小程序,点击下一步 3、然后点击获取更多页面路径,在弹出的输入框中输入你的...
  • 3.在小程序里面使用 navigateToMiniProgram 就可以跳转到京东小程序指定页面了 需要注意的是,复制出来的链接会带.html后缀,去掉就好了(ps:不去掉的话,就会显示页面丢失) A.配置app.json...
  • 微信小程序跳转公众号

    千次阅读 2020-07-05 15:09:34
    微信小程序跳转公众号 开发者在小程序内设置公众号关注组件时,需小程序与公众号****主体一致。设置完成后,当用户线下扫码进入小程序时,就能便捷地关注公众号,并获取更好、更完整的服务了。 设置了关注公众号...
  • taro小程序跳转h5页面

    千次阅读 2019-12-02 11:37:08
    微信小程序跳转h5页面 项目架构-tarojs+react+sass+微信开发者工具 项目使用taro官网上面的步骤构建起来的项目架构,之后生成微信端的小程序,由于项目与车险有关,需要多个渠道融合在一起,所以避免不了要调用...
  • 当 referrerInfo.scene == 1037 时,就可以判断是从小程序跳转小程序。 referrerInfo 参数也可以写在 onLaunch 里,不过都需要写在 app.js 里 onShow: function (referrerInfo) { wx.showModal({ ...
  • 微信为了不让小程序成为孤岛,提供了从一个微信小程序跳转到另一个微信小程序的功能,这个功能也是经过了很多波折,方式也不断改变,所以导致很多小伙伴在网上找到的博文都不能正确解决自己的问题,下面我来总结一下...
  • **今天正好遇见一个需求...防止用户误点造成程序跳转。** **先看微信官方提供的跳转文档:** [打开另一个小程序](https://developers.weixin.qq.com/miniprogram/dev/api/open-api/miniprogram-navigate/wx.navigateT
  • 首先看一下官方的文档吧小程序官方文档跳转 具体方法如下首先我们先在小程序A的点击事件中添加下面的代码 这里我们传两个参数分别是barcode和promo两个参数 // 跳转到另一个小程序 wx.navigateToMiniProgram({ ...
  • 微信小程序跳转微信小程序无反应,navigator失效 无响应 // 在 app.json 中添加 // appId 另一个小程序的appId "navigateToMiniProgramAppIdList": ["appId"]; 跳转(navigator) <navigator target=...
  • 最近在开发小程序时需要做小程序跳转到美团的小程序商家详情页面,前段使用的是wx.navigateToMiniProgram(Object object),方法,前期使用的时候功能是是正常的,突然昨天用户提出跳转到美团页面时出现白屏,神奇的...
  • 小程序跳转另外小程序

    千次阅读 2019-08-21 16:18:38
    wx.navigateToMiniProgram({ appId: 'xxxxxxxxxxxxxxxxxx', // 要跳转小程序的appid path: 'page/index/index', // 跳转的目标页面 extarData: { open: 'auth' }, success(res) { ...
  • 写这个是因为,最近小程序的一个需求需要从小程序跳转到客户的官网,或者其他外部报名链接。 如果是以前的话,可能就无法实现,但是小程序的版本更新速度还是可观的,现在既可以跳转外部链接,还可以跳转APP;话不...
  • 微信小程序跳转到外部连接和外部链接跳回小程序1、跳转外部连接1.1、新建一个页面wxml存放web-view组件(page1)1.2需要跳转的页面,跳转到page11.3添加业务域名1.3.1在域名服务器根目录上传微信验证文件1.3.2添加...
  • 小程序跳转页面

    千次阅读 2018-08-15 17:44:21
    1、wx.navigateTo(object):保留当前页面,跳转到应用的某个页面;打开新页面(新页面入栈)最后叠加10次   2、wx.redirectTo(object):关闭当前页面,跳转到应用内的某个页面。页面重定向(当前页面出栈,新页面...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 291,476
精华内容 116,590
关键字:

小程序跳转小程序