微信小程序跳转第三方网页、第三方小程序。

微信小程序跳转第三方网页
跳转第三方网页的问题
微信小程序跳转第三方小程序

微信小程序跳转第三方网页

最近需要做一个小程序跳转携程的功能，首先考虑到的是跳转到携程的h5页面。查了下携程的页面为https://m.ctrip.com（跳转第三方h5时只能是https的根页面）。其步骤为下图所示。

跳转代码示例

goXieCheng(){uni.navigateTo({//此处为uniapp跳转方法，原生应为wx.navigateTourl: '/pages/tabbar/tourist/trip/railwayDetails/xiechengH5/xiechengH5'});//这里新建一个模块跳转过去，此处为该模块地址
},

新模块中使用web-view标签，并配置src为目标地址。
```
<web-view src="https://m.ctrip.com/html5/"></web-view>
```
点击开发并配置业务域名。

跳转第三方网页的问题

其实这里并不能添加成功，因为小程序在跳转第三方页面配置业务域名时需要将一个校验文件放置在跳转页面服务器的根目录下。（这里也就是需要将下载好的校验文件放置在携程服务器的根目录下~ 开玩喜呢么这不是…）。所以，如果想在小程序内跳转第三方的h5页面，除非能跟第三方进行沟通将校验文件放置进去，不然就收购对方吧，tx也行吧（笑~）附上社区中的图

微信小程序跳转第三方小程序

总之，跳转到h5页面基本是不可能实现了，现在考虑小程序跳转小程序。这个其实比较简单了，步骤为下：

先获取需要跳转的小程序的appid（我这里获取到了携程的小程序appid）获取方法如下：
打开目标小程序 -> 点击右上角… -> 点击小程序名称进入详情页 -> 再次右上角… -> 点击更多资料 ->完成
跳转代码，示例如下

 goXieCheng(){uni.navigateToMiniProgram({ //这里用uniapp的跳转方法，原生应该是wx.navigateToMiniProgramappId: 'wx0e6ed4f51db9d078',//这里的appid为目标小程序的appid，此处为携程小程序success(res) {// 打开成功console.log(res)},fail(err){// 打开失败  console.log(err)}})},

配置允许跳转的小程序appid（最多好像是10个）：

 "mp-weixin" : {/* 小程序特有相关 */"navigateToMiniProgramAppIdList" : [ "wx0e6ed4f51db9d078" ],}, //此处为uniapp的配置。原生应在app.json中配置即可

之后就能正常跳转了。

微信小程序跳转第三方网页、第三方小程序。相关推荐

小程序跳转小程序，小程序跳转公众号，小程序跳转h5
1:小程序跳转小程序 uni.navigateToMiniProgram({appId:'wx11111111111111111111' ,//小程序appidpath:'pages/phone/in ...
微信公众号消息推送开发(模板消息)：点击推送消息跳转到网页或者小程序(三)
需求场景: 点击推送的消息后跳转到小程序中的某个页面,或者跳转到某一个网页上,例如有这样一个需求,在商城平台购买产品后,需要通过公众号给用户推送订单详细并且点击消息可以看到对应的订单详情.以下我将在微 ...
微信小程序——小程序跳转外部网页
文章目录效果图如下: 主题思路一.进行小程序与微信公众号的关联操作 1.在微信公众号平台里>设置>关注公众号,添加需要引导关注的公众号.(小程序端) 2.在微信公众号平台里>小程 ...
小程序跳到h5页面_小程序如何跳转h5页面
小程序跳转H5页面是通过web-view组件来实现的,web-view是一个可以用来承载网页的容器,会自动铺满整个小程序页面. 1.配置业务域名小程序账号必须是企业账号,个人和海外账号暂不支持,只有 ...
小程序跳转到另一个小程序很慢很卡
小程序跳转另一个小程序使用的方法有wx.navigateToMiniProgram 和 navigator 标签, 如果有碰到跳转到另一个小程序很慢的开发者,然后又没找到问题,看看自己小程序页面上的广 ...
小恐龙跳跳跳-周雨涵小游戏 -C
小恐龙跳跳跳! ***找到的游戏. 在google chorme浏览器上,关掉网络,打开一个网站,15秒后点空格,小恐龙跳跳跳! 注:xxx在2021-4-18日告诉我的游戏! 按'->'让小 ...
小程序跳转到另一个小程序,参数传递以及调试,H5跳转小程序,小程序内嵌H5,
业务场景:企业A的小程序内嵌了企业B的H5 问题:企业A内嵌企业B的H5发起微信支付的时候,绕不过微信的限制.总是支付失败. 问题解决思路:企业B新建一个小程序,让企业A调用企业B的小程序, B内嵌H ...
赛车小游戏c语言代码,网页赛车小游戏（纯JavaScript编写）
赛车(改良版) 利用js实现以下功能: 在四个赛道随记生成路障,其移动速度随用户生存的时间增加而增加用户可以通过方向键或者A.D键控制用户小车左右移动,躲避路障当路障与用户小车碰撞,游戏结束实时 ...
微信小程序跳转到第三方H5网页
我开发过程中有小程序跳转到网页的需求,下面分享一下我的实现过程: 使用官方文档web-view组件:web-view 1.首先得通过微信公众平台配置业务域名,配置业务域名需要将校验文件上传到网站服务器 ...
微信小程序跳过第三方的_微信小程序可以跳转第三方页面吗
随着互联网的发展,小程序定制开发的需求也是越来越多了.客户在寻问小程序开发的时候,小程序跳转外部链接是他们比较关心的问题之一.下面我们将小程序跳转外部链接的规则汇总整理,希望用户对小程序的跳转规则有更 ...

微信小程序跳转第三方网页、第三方小程序。

微信小程序跳转第三方网页、第三方小程序。

微信小程序跳转第三方网页

跳转第三方网页的问题

微信小程序跳转第三方小程序

微信小程序跳转第三方网页、第三方小程序。相关推荐

最新文章

热门文章