请问vue如何获取微信用户的基本信息及用户图像?
网友回复
首先登录公众号后台,选择开发-》接口权限
然后找到网页账号 网页授权获取用户基本信息,点击修改,输入你代码运行的域名,不需要填http://或https://,比如baidu.com
确定后,我们来编写代码:
先写vue的代码,这个文件一定要放到上面填的域名下面运行,否则会报错的。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>获取微信用户基本资料</title> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/vue@2.6.1.js"></script> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/axios-0.18.js"></script> </head> <body> <script type="text/javascript"> var app = new Vue({ el: '#app', mounted() { if (!window.localStorage.getItem('openId')) { // 如果缓存localStorage中没有微信openId,则需用code去后台获取 this.getCode() } else { alert("openid为"+window.localStorage.getItem('openId')); // 别的业务逻辑 } }, methods: { getCode () { // 非静默授权,第一次有弹框 this.code = '' var local = window.location.href // 获取页面url var appid = 'wxac8d6782856ea0f7' this.code = this.getUrlCode().code // 截取code if (this.code == null || this.code === '') { // alert(local); // 如果没有code,则去请求 var url = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appid}&redirect_uri=${encodeURIComponent(local)}&response_type=code&scope=snsapi_userinfo&state=123#wechat_redirect`; ...
点击查看剩余70%
Neutralinojs与Electron的区别与不同?
浏览器跨域解决方案有哪些?
有没有开源的solo agent一句话描述就能开发直接运行的前后端应用源代码?
订单支付过程中部分商品库存不足如何处理?
python如何开发一个自定义域名后缀的邮箱系统及登录发送邮件管理web页面?
有没有开源的项目将图片视频声音文字转场特效编排自动生成剪映草稿json文件?
有没有摄像头捕获眼球转动操作鼠标的开源代码?
localstorage如何生成自增的键值对进行增删改查?
python有没有将python脚本与python运行环境一键打包成exe的代码?
nodejs如何执行浏览器中运行的js代码?