最近踩了一条大坑啊，h5页面跳转微信小程序wx-open-launch-weapp下面的按钮一直不显示，琢磨了好久，查看微信开发者社区差不多有30页同问？
文章图片
微信h5页面是怎么跳转微信小程序的？ 1、打开微信开发者jssdk文档https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html#21
2、看 2.1 跳转小程序：wx-open-launch-weapp
【h5网页跳转微信小程序的方法，wx-open-launch-weapp按钮不显示】3、我在看一下JS-SDK的说明文档 https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html
如何绑定域名、引入JS文件等大家自己在文档看了
下面说一下获取附录1-JS-SDK使用权限签名算法 https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#62
https://developers.weixin.qq.com/doc/offiaccount/Basic_Information/Get_access_token.html
文章图片
这其中遇到了一个非常大的坑，就是wx-open-launch-weapp标签里面的按钮在IOS下面显示，在安卓下面就是不显示？ 下面我来说一下我是怎么解决的，贴上我的小demo
打开小程序 - 锐客网
.btn {
width: 100% !important;
padding: 12px !important;
font-size: 30px !important;
background-color: #07c160 !important;
text-align: center !important;
border: 0;
color: #ffffff !important;
}
打开微信小程序
这里在找重强调一下，如果是想实现微信内部H5跳小程序，wx.config中的jsApiList: ['chooseImage', 'previewImage']是必须要写的，如果不写的话，IOS可能不影响，但是不少安卓是显示不出来按钮的
文章图片
推荐阅读
- 微信小程序|【微信小程序】三分钟学会小程序的列表渲染
- 微信小程序|微信小程序 小程序自定义组件与组件间操作(笔记)
- 微信小程序开发|微信小程序--四、基础加强
- 微信小程序|微信小程序（3）自定义组件
- 微信小程序|微信小程序自定义标签组件component封装、组件生命周期，组件通信
- 微信小程序学习笔记|4 - 微信小程序 - 自定义组件
- 笔记|微信小程序（原生）
- java|关于微信小程序与Java后台交互数据中中文乱码问题的讨论