H5跳转小程序按钮不显示(wx-open-launch-weapp)踩坑指南

 更新时间:2023年02月01日 14:27:03   作者:柴神  
这篇文章主要给大家介绍了关于H5跳转小程序按钮不显示(wx-open-launch-weapp)踩坑的相关资料,文中介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

1、开发使用者必须是已认证的服-务-号(服务号可以置顶,订阅号不能),服务号绑定“JS接口安全域名”下的网页可使用此标签跳转任意合法合规的小程序。

2、开发使用者必须是已认证的非个人主体的小程序,使用小程序云开发的静态网站托管绑定的域名下的网页,可以使用此标签跳转任意合法合规的小程序。

3、必须部署到正式服务器,测试公众号不显示图标。

4、必须是在已认证的服务号中做JS接口安全域名验证,“JS接口安全域名”和“IP白名单”都要,IP是指获取微信签名的服务器的IP。

注意:1、2两个条件必须满足其中一个;3、4两个条件必须满足,否则标签中的按钮不会显示(微信文档不讲武德,写的不清楚,稍微不注意就会掉坑)。

官方文档入口:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html#21

还有几点:

1、微信开发者工具,"verifyOpenTagList":[],是显示不了图标的。微信开发工具和真机测试结果可能不一样,一定要用真机测试。安卓和ios测试结果也可能不同,都要测试。

2、小程序的web-view不支持wx-open-launch-weapp。

3、jsApiList:['chooseImage', 'previewImage'](必须有,不然安卓不显示)

4、微信版本要求为:7.0.12及以上。 系统版本要求为:iOS 10.3及以上、Android 5.0及以上

总结

到此这篇关于H5跳转小程序按钮不显示(wx-open-launch-weapp)踩坑的文章就介绍到这了,更多相关H5跳转小程序按钮不显示内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • javascript计算对象长度的方法

    javascript计算对象长度的方法

    这篇文章主要为大家详细介绍了javascript计算对象长度的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-10-10
  • 使用JavaScript实现二值化图像

    使用JavaScript实现二值化图像

    这篇文章主要为大家详细介绍了使用JavaScript将图像转换为黑白二值图的两种方法,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下
    2024-01-01
  • 利用JavaScript实现绘制2023新年烟花的示例代码

    利用JavaScript实现绘制2023新年烟花的示例代码

    大家过年好!新春佳节,在这个充满喜悦的日子里,愿新年的钟声带给你一份希望和期待。在这喜庆的日子里,小编和大家分享一个烟花代码,希望大家能够喜欢
    2023-01-01
  • Bootstrap路径导航与分页学习使用

    Bootstrap路径导航与分页学习使用

    这篇文章主要为大家详细介绍了Bootstrap路径导航与分页学习使用的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • 前端js使用xlsx-js-style导出Excel文件并修饰单元格样式

    前端js使用xlsx-js-style导出Excel文件并修饰单元格样式

    这篇文章主要给大家介绍了关于前端js使用xlsx-js-style导出Excel文件并修饰单元格样式的相关资料,前端开发过程中经常遇到导出excel的需求,需要的朋友可以参考下
    2023-08-08
  • 微信小程序实现左右列表联动

    微信小程序实现左右列表联动

    这篇文章主要为大家详细介绍了微信小程序实现左右列表联动,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-02-02
  • 如何在 xHTML 中验证 noscript+meta refresh 标签

    如何在 xHTML 中验证 noscript+meta refresh 标签

    这篇文章主要介绍了如何在 xHTML 中验证 noscript+meta refresh 标签,需要的朋友可以参考下
    2023-03-03
  • javascript实现异形滚动轮播

    javascript实现异形滚动轮播

    这篇文章主要为大家详细介绍了javascript实现异形滚动轮播,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-11-11
  • 深入解析JavaScript中的变量作用域

    深入解析JavaScript中的变量作用域

    这篇文章主要是对JavaScript中的变量作用域进行了详细的分析介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2013-12-12
  • JSON.parse损坏大数字的原因解析及解决方案

    JSON.parse损坏大数字的原因解析及解决方案

    从10多年前JSON在线编辑器的早期开始,用户经常反映编辑器有时会破坏他们JSON文档中的大数字的问题,这篇文章主要介绍了为什么JSON.parse会损坏大数字,如何解决这个问题,需要的朋友可以参考下
    2022-10-10

最新评论