先贴一个微信开发文档教程 https://developers.weixin.qq.com/doc/oplatform/Website_App/WeChat_Login/Wechat_Login.html
大家可以看教程操作,我说说我在写的时候遇到的一些问题,供大家参考
1、redirect_url是扫码确认后重定向地址,需要一个自己写的页面地址,自己通过这个地址的url获取后端获取用户微信信息所需要的code。
2、redirect_url需要在微信开放平台设置,然后将redirect_url通过encodeURIComponent转码后方可正常获取二维码。
3、如果提示redirect_url参数错误,检查下参数是否是自己项目的一些参数。比如appid、redirect_url地址是否在开放平台配置。
4、内嵌二维码可以自己编辑样式,先写好样式后,将样式转成base64,放入href中即可。
5、self_redirect设置成true,意思是在当前二维码所在的iframe中跳转,默认扫码方式就设置成true
如果是内嵌二维码,就必须设置成false,否则就会出现如下图情况,在二维码嵌入的地方打开重定向的网页。
-------------------------------------------------------------
无论什么框架中使用都是在页面加载的时候引入 ,然后根据文档写api即可
单页面可以通过以下方式在组件创建的时候引入,在组件销毁前移除即可
create () { const s = document.createElement(\'script\') s.type = \'text/javascript\' s.src = \'http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js\' document.body.appendChild(s) }