H5跳转小程序的方案及适用场景

这篇具有很好参考价值的文章主要介绍了H5跳转小程序的方案及适用场景。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1、通过 URL Scheme
  • 适用场景
    适用于短信、邮件、外部网页、微信内等拉起小程序的业务场景(第三方普通浏览器跳转小程序)
  • 获取方法:通过后端服务器生产
    https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/url-scheme.html
  • 使用URL Scheme注意事项
    a、有实效性
    b、一条scheme只针对单一用户,一个用户打开后,其他用户无法再次通过相同链接打开该小
    程序
    c、单个小程序每天生成链接数(URL Scheme 和 URL Link 总数)上限为 50 万条
    规避和解决
    a、不能用管理平台通过小程序页面地址生成单一的sheme
    b、通过后端服务器获取小程序页面对应URL sheme
  • 建议运营场景
    短信链接发送跳转打开小程序
2、微信的短链URL link

规则类似于URL Scheme:
https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/url-link.html

  • 不同:
    a、只能生成已发布的小程序的 URL Link(设置小程序的版本不起作用)
    b、在微信内或者安卓手机打开 URL Link 时,默认会先跳转官方 H5 中间页,如果需要定制 H5 内容,可以使用云开发静态网站
  • 建议运营场景:
    短信链接发送跳转打开小程序
3、使用开放标签

https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html
H5引入JSSDK,使用开放标签实现

  • 适用场景:
    微信浏览器H5页面跳转小程序
  • 建议运营场景:
    社群、好友运营,分享到微信好友或者微信朋友圈的场景
4、小程序webview内H5跳转其他小程序页面

https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html
H5引入JSSDK,通过跳转接口实现文章来源地址https://www.toymoban.com/news/detail-510989.html

  • 适用场景:
    嵌入小程序的H5页面跳转其他小程序

到了这里,关于H5跳转小程序的方案及适用场景的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • 微信外h5跳转小程序3中方式

    目前限制50wc次 微信h5浏览器环境内打开app:目录 | 微信开放文档 返回app填坑:Android app跳转微信小程序,返回app遇到的各种坑_微信返回王_gemgaozhen的博客-CSDN博客 微信小程序内跳转app:打开 App | 微信开放文档 先转短链接 文档:获取scheme码 | 微信开放文档 微信公众号h5页面跳

    2024年02月06日
    浏览(63)
  • H5页面跳转小程序的三种方式

    实际开发中,小程序和H5往往有很多业务场景需要来回跳转,这里主要介绍三种跳转方式供大家参考。 场景:微信小程序登录有时候需要和公众号进行绑定,获取公众号code和appid传给后台进行绑定 该接口用于获取小程序 scheme 码,适用于短信、邮件、外部网页、微信内等拉起

    2024年01月25日
    浏览(74)
  • 微信外环境静态h5跳转小程序,如何传参?

    公司最近提了一个不常见的需求,就是在微信外环境静态h5跳转小程序并且还要传参,在查阅了大量资料后成功解决。 官网地址  静态网站 H5 跳小程序 1.开通微信云开发和静态网站 点击微信开发者工具中的云开发 .  现在是可以免费体验1个月,开通后进入云开发控制台点击

    2024年01月17日
    浏览(65)
  • h5页面跳转到微信小程序之利用URL Scheme接口

    首先想要跳转到微信小程序得先知道 AppID 和 secret 如果不知道的情况下是无法跳转的 urlscheme.generate 此时遇到一个问题是获取auth.getAccessToken appid 此值在小程序里就可以获取 到 secret 这个值只能在可在 微信公众平台 - 设置 - 开发设置 里面找到 接下来放代码 这样就可以在手机

    2024年02月15日
    浏览(65)
  • h5页面跳转微信小程序(最简单的方法|URL Scheme)

    H5页面跳转微信小程序的需求是普遍存在的。由于微信小程序是一种只能在微信内部访问的应用程序,而H5页面可以在任何浏览器中访问,因此需要通过跳转来实现两者之间的衔接。 对于用户来说,H5页面跳转微信小程序可以提供更好的用户体验。用户可以在H5页面中浏览和选

    2024年02月02日
    浏览(85)
  • H5跳转小程序 (wx-open-launch-weapp开放性标签跳转)

    最近公司有一个新的业务需求,企微分享卡片到企微、企微分享卡券到微信,点击领取、打开小程序进行领取。 企微好像不可以直接跳转微信小程序,没有这样的接口,所以只能想另一种方法实现跳转,通过H5跳转微信小程序      我是V2的写法 这是第一次写这种需求,脑袋

    2024年02月12日
    浏览(40)
  • 微信小程序web-view环境下H5跳转小程序页面方法

    一般的,web-view组件的src属性指定的H5页面之间,可以正常的采用超级链接a标记对进行页面之间的条转。但是web-view页面要想通过手指触碰返回小程序页面,就无法使用超级链接a标记了。那么这个问题应该如何解决呢? 首先需要在H5页面中引入JSSDK,它可以让H5页面的js文件执

    2024年01月17日
    浏览(73)
  • H5静态页面开发环境跳转小程序(微信浏览器,外部浏览器)

    网上有很多教程,但是具体的坑避不开,这里就以图文形式全流程介绍如何实现微信外环境静态h5跳转小程序。 1.官方开发文档参考:https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/staticstorage/jump-miniprogram.html 官方文档只提供了关键代码,但是没说怎么上传静态文件,怎么上

    2024年02月04日
    浏览(76)
  • 微信公众号H5跳转小程序,wx-open-launch-weapp

    直接上干货,不多哔哔~~ 注意事项 : 需要再公众号里面绑定需要跳转的小程序 获取 jssdk 配置的时候需要再公众平台绑定安全域名 微信版本要求为:7.0.12及以上。 系统版本要求为: iOS  10.3及以上、 Android 5.0及以上。 如若需要在微信的 wx-open-launch-weapp 添加 img 标签, img 的

    2024年02月02日
    浏览(54)
  • 微信h5跳转小程序wx-open-launch-weapp开放标签不显示(已解决)

    项目需要使用开放标签,按照各种博文上的各种解决方案都不显示, 我都服了,搞来搞去都没用。 最后我搞下来问题我都服了!!!!! 我下载的jweixin-1.6.0.js 不是 正确的 , 对你没看错,这个jssdk应该是我从某个项目里复制出来的 所以遇到不显示的问题没办法解决就需要

    2024年02月13日
    浏览(48)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包