使用uniapp开发企业微信H5网页应用时,如何引入企业微信jssdk(1.2.0版本)
发布
前提1:在HBuilder开发工具中,创建的uni-ui项目,其他创建方式我没有测试;
前提2:手动下载一份1.2.0版本的jssdk,→(http://res.wx.qq.com/open/js/jweixin-1.2.0.js)←,点击下载,然后保存到你的uniapp项目中你心仪的位置里,例如,我是存放为根目录下的lib文件中(/lib/jweixin-1.2.0.js);
操作1:找到你的uniapp项目中,默认生成在根目录下的index.html文件;这个文件的实际具体位置和名字可能不是上述这样的,根据你的实际开发状况会有改变,总之就是uniapp的模板路径;
操作2:在index.html文件中,添加一条script标签及引用,格式如下(<script type="module" src="/lib//jweixin-1.2.0.js"></script>);需要注意的是,type属性的属性值必须是module;否则在(操作3里)使用HBuilder进行编译的时候,jssdk将不会被编译进最终的网页文件里;
操作3:使用使用HBuilder的(发行-H5发行)进行编译,最后就是按你需要的形式进行部署了。
结论|结语:
1、HBuilder编译好后,jssdk可能是被编译进了assets文件夹里面,总之我目前(2022年11月17日)的测试是可行的;
2、使用:从我对jssdk源码的浅显阅读后,发现可以使用(wx)和(jWeixin)两个关键词;需要注意,“jWeixin”是大写的W;同时,uniapp项目会内置(wx)关键词用于适配小程序的开发需求,因此我建议使用jWeixin关键词进行后续开发。
在uniapp中使用时,在html引入对应jssdk文件后,需要把window.wx重新命名给另一个变量,因为uniapp会覆盖window.wx,后面使用的时候都直接使用重命名的。
我再uni.app里拿不到wx.和jWeixin 都拿不到啊... 有真正的解决方法吗?
uniapp,看上去是个想要完全掌握移动端开发的工具,但目前也还存在很多大大小小的问题和需要进步的方面