h5 跳转小程序微信浏览器不显示跳转按钮
问题：静态页面（ h5 页面）跳转小程序，在微信内置浏览器里面没有显示出跳转按钮，但是在其他浏览器则正常显示。
可能有以下一些原因：
1、jweixin.js 版本
引入 jweixin.js，需要 1.6.0 版本：
http://res2.wx.qq.com/open/js/jweixin-1.6.0.js
2、JSAPI设置
JSAPI 列表需要有 API：
设置：openTagList:['wx-open-launch-weapp']（必须有，跳转小程序）
设置：jsApiList:['chooseImage', 'previewImage']（必须有，不然安卓不显示）
wx.config 设置如下：
wx.config({debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印appId: "wxxxx", // 必填，公众号的唯一标识timestamp: timestamp, // 必填，生成签名的时间戳，填任意数字即可nonceStr: nonceStr, // 必填，填任意非空字符串即可signature: signature, // 必填，填任意非空字符串即可jsApiList: ['previewImage','chooseImage'],// 必填，随意一个接口即可openTagList: ["wx-open-launch-weapp"], // 填入打开小程序的开放标签名
})
3、vue 中忽略 wx-open-launch-weapp 标签检测
如果报错是提示没有在 vue 中注册过该组件，只需要在 main.js 中添加：
Vue.config.ignoredElements = ['wx-open-launch-weapp']
4、打开 wx.config ，打开debug，看是否提示ok
如果不是ok，那么表示 AppID 有问题；
在微信开发者工具内打开网页测试如果显示 {errMsg: "config:ok”}，表示已经接入 JS-SDK 成功了。
5、必须是真机调试
需要测试时，必须在真机上访问线上地址才可以显示按钮，微信开发者工具与浏览器上都测试不了，真机连接本地地址也是不可以的。（别问我是怎么知道的，问就是一把辛酸泪！！！）
安卓和ios测试结果也可能不同，都要测试。
6、符合开放对象要求
- 开发使用者必须是已认证的服-务-号（服务号可以置顶，订阅号不能），服务号绑定“JS接口安全域名”下的网页可使用此标签跳转任意合法合规的小程序。
- 开发使用者必须是已认证的非个人主体的小程序，使用小程序云开发的静态网站托管绑定的域名下的网页，可以使用此标签跳转任意合法合规的小程序。
- 必须部署到正式服务器，测试公众号不显示图标。
- 必须是在已认证的服务号中做JS接口安全域名验证，“JS接口安全域名”和“IP白名单”都要，IP是指获取微信签名的服务器的IP。
注意：1、2两个条件必须满足其中一个；3、4两个条件必须满足，否则标签中的按钮不会显示。
7、版本符合规范
- 微信版本要求为：7.0.12及以上
- 系统版本要求为：iOS 10.3及以上、Android 5.0及以上
8、小程序的 web-view
小程序的 web-view 不支持 wx-open-launch-weapp。
h5 跳转小程序微信浏览器不显示跳转按钮相关推荐
- H5跳转小程序(微信开放标签使用)
今天七月,微信终于提供了H5跳转小程序的功能:果然方便了许多:限制条件也比较宽松吧. 限制条件: 微信版本要求为:7.0.12及以上. 系统版本要求为:iOS 10.3及以上.Android 5.0及 ...
- php 微信公众号跳转小程序,微信小程序页面跳转功能
本文主要介绍微信小程序页面跳转功能之从列表的item项跳转到下一个页面的方法,结合具体实例形式总结分析了微信小程序页面跳转及列表item项跳转页面的相关操作技巧,需要的朋友可以参考下. 一.效果图 从 ...
- php 微信公众号跳转小程序,微信公众号菜单添加小程序miniprogrampagepath参数详解php开发公众号-小程序怎么放到公众号菜单里-公众号菜单链接小程序...
1. 随着微信小程序功能的开发,2. 已经可以跟公众号打通了,3. 主要有两种方式:4. 1)在公众号文章中插入小程序5. 2)在公众号菜单中添加小程序6. 第一种方式,7. 子恒老师在前面的课程已经 ...
- 前端实现微信公众号h5页面跳转小程序-成功案例
微信公众号h5页面跳转小程序-成功案例 微信公众号h5页面跳转小程序-成功案例,标题已经明确说明,h5页面可以正常跳转微信小程序 官网说可以,不是我说的 文章目录 微信公众号h5页面跳转小程序-成功案 ...
- vue3 H5跳转小程序
需求:H5里面有商城列表,点击之后跳转对应的小程序 微信jssdk有这个跳转小程序开发功能(仅限再微信浏览器中使用),简单查阅了一下文档和家人们的分享,似乎好像没啥难度,页面签名,点击的时候调用wx- ...
- H5跳转小程序页面/wx-open-launch-weapp/
外部的H5已经可以跳转小程序啦,也可以跳转app啦,让我们一起学习一下吧!
- 微信公众号内跳转小程序
微信公众号内跳转小程序 微信官方文档:概述 | 微信开放文档 引入微信sdk: <script src="https://yun.duiba.com.cn/cdqd/cdn/jweix ...
- vue 公众号开发跳转小程序的实现
近期项目中要做公众号H5开发,涉及到指定分享URL及分享界面限定,图片上传,H5跳转小程序等功能,在此做部分记录. 1. 以上功能都必须基于微信sdk授权,因此第一步的微信授权不可少,引入wx-sdk ...
- 微信浏览器跳转小程序php,微信浏览器里面h5跳转小程序
微信浏览器里面h5跳转小程序 注意事项,以vue框架为例 一.获取jssdk配置,在wx.ready回调函数里面展示按钮wx.config({ debug: false, appId: data.ap ...
最新文章
- 来，一起手撸一个简版 Redis（附源码）
- GlusterFS-FUSE
- Linux网络编程中tcp_server和tcp_client函数的封装
- Docker的运行机制
- 可以搜python编程答案的软件_python实现百万答题自动百度搜索答案
- POJ 2236 - Wireless Network ( 并查集 )
- HTML学习笔记：iframe框架演示
- 面试题56 - I. 数组中数字出现的次数
- php 使用post，get的一种简洁方式
- 文件不存在的话创建文件 文件上传所遇到的问题、
- ai人工智能最新相关消息_我如何了解最新的AI研究
- 寒霜PBR阅读与实践[1]：Material材质--Physically Based Rendering 3.0 --SIGGRAPH 2014
- 网络字节顺序和主机字节顺序的转换（htons ntohs htonl ntohl）
- Codeforces118D Caesar's Legions（DP）
- 狼人杀暂时未连接到语音服务器,狼人杀iOS10用户无法连接到服务器 无法更新解决办法...
- 政策频出 | 明确应用商店职责，聚焦个人信息保护
- 下拉框如何获取到value跟code
- 业务数据采集_零点漂移处理方法(Flume+Kafka+HDFS)
- Android Studio： CreateProcess error=206 文件名或扩展名太长 解决方案之一
- 微信小程序wx:key