微信小程序和APP:关于跳转及调用支持方式整理

微信小程序

跳转H5

支持

通过内容web-view形式跳转H5
必要条件:需要微信小程序配置对应的业务域名,以及在H5的服务器中存放业务域名校验文件。
如无上述表要条件,则微信小程序无法实现H5访问
文档地址web-view | 微信开放文档
在这里插入图片描述

跳转其他微信小程序

支持

例如:京东小程序
通过wx.navigateToMiniProgram方法来跳转其他微信小程序。
必要条件:得到对应小程序的appId,例如京东 wx91d27dbf599dff74 ,以及需要跳转的路径及参数
例如: 跳转京东微信小程序,代码如下:

wx.navigateToMiniProgram({
  appId: 'wx91d27dbf599dff74', // 京东微信小程序 appId
  path:'/pages/item/detail/detail?sku=2945968', // 商品详情,sku详情id
  envVersion: 'release',
  success(res) {
  // 打开成功
  }
})

注意:微信小程序不支持跳转淘宝和支付宝,因存在商业竞争关系,也是没有淘宝微信小程序的原因。
文档地址
在这里插入图片描述

跳转手机APP

不支持

文档地址
当小程序从 APP 打开的场景打开时(场景值 1069),小程序会获得返回 APP 的能力,此时用户点击按钮可以打开拉起该小程序的 APP。即小程序不能打开任意 APP,只能 跳回 APP。
在这里插入图片描述

跳转微信公众号

支持

方式一:需要提供微信公众号二维码图片
配置图片属性show-menu-by-longpress=“true” 通过长按微信公众号二维码图片,跳转到微信公众号

<image show-menu-by-longpress="true" src="图片链接"></image>

方式二: 提供公众号文章地址
通过web-view访问公众号文章,引导关注


我是分割线


APP

跳转H5

支持
无限制

跳转其他APP

支持

需要知道被吊起app的url Schemes 例如:
京东app的url schemes是openApp.jdMobile
调起app 打开对应页面可以采用这种方式

openApp.jdMobile://virtual?params=

注意params里面数据要encode
例如要打开对应的京东商品详情页面

{
  "category":"jump",
  "des":"m",
  "sourceValue":"babel-act",
  "sourceType":"babel",
  "url":"https://m.yiyaojd.com/product/2945968.html",
  "M_sourceFrom":"h5auto",
  "msf_type":"auto"
}

其中url是移动端H5商品详情url路径

如果想要查找对应的url-schemes 可以直接对应的 app名 + url schemes查找

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

成茂峰

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值