微信公众号h5页面制作（公众号H5页面开发的一个技巧）

开发微信公众号的相关网页时,我们需要接入微信的JS-SDK.但是这个SDK在Android与IOS的微信里面初始化是不一样的,这个坑不知道是苹果IOS系统的锅还是腾讯微信的锅,反正就是坑.，下面我们就来说一说关于微信公众号h5页面制作?我们一起去了解并探讨一下这个问题吧!

微信公众号h5页面制作

开发微信公众号的相关网页时,我们需要接入微信的JS-SDK.但是这个SDK在Android与IOS的微信里面初始化是不一样的,这个坑不知道是苹果IOS系统的锅还是腾讯微信的锅,反正就是坑.

安卓下的初始化需要获取当前的页面URL进行签名

IOS下的初始化,需要获取的是你进入系统的第一个页面URL

如果你使用的VUE这种单页应用开发框架开发的公众号页面,你会发现腾讯微信与苹果IOS是多么让人讨厌 (IOS下H5开发还有更多恶心的事情,请关注我,后面给你吐槽)

解决方案推荐

使用一个单独的html页面用一个全屏的iframe套你的VUE页面,weixin的JS-SDK在这个单独的html页面初始化, 初始化后获取到的wx实例可以使用iframe交互的方式传递到你的VUE应用的页面中,或者在html页面建立一下监听器,坚挺vue页面传递过来的事件,然后做出相应的操作