h5网页跳转微信小程序的方法,wx-open-launch-weapp按钮不显示

最近踩了一条大坑啊,h5页面跳转微信小程序wx-open-launch-weapp下面的按钮一直不显示,琢磨了好久,查看微信开发者社区差不多有30页同问?

h5网页跳转微信小程序的方法,wx-open-launch-weapp按钮不显示_第1张图片

微信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

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

h5网页跳转微信小程序的方法,wx-open-launch-weapp按钮不显示_第2张图片

这其中遇到了一个非常大的坑,就是wx-open-launch-weapp标签里面的按钮在IOS下面显示,在安卓下面就是不显示?

下面我来说一下我是怎么解决的,贴上我的小demo


  
    打开小程序
    
    
    
    
    
    
  
  
    

这里在找重强调一下,如果是想实现微信内部H5跳小程序,wx.config中的jsApiList: ['chooseImage', 'previewImage']是必须要写的,如果不写的话,IOS可能不影响,但是不少安卓是显示不出来按钮的

h5网页跳转微信小程序的方法,wx-open-launch-weapp按钮不显示_第3张图片

 

你可能感兴趣的:(微信小程序)