微信网页授权 Vue

详细请看官方文档：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html

示例代码：

//微信授权wxAuth() {const appid='xxxxxxxxx'//公众号的唯一标识const url=window.location.href //授权后重定向的回调链接地址， 请使用 urlEncode 对链接进行处理const wx_url = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appid}&redirect_uri=${encodeURIComponent(url)}&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect`         const code = this.$route.query.code; //客户同意授权后微信会带有code返回console.log(code,'code')// 判断是否存在codeif(!!code) {           this.getWxInfo(code)  // 发送code } else {// 重新获取codewindow.location.href = wx_url}    },async getWxInfo(code){//通过code传给后端接口返回用户信息const resp = await requestWeChatInfo(code);if (resp.code === 200) {// this.userInfo = resp.data;// console.log( resp.data,' resp.data')//个人操作const { nickname, headimgurl, unionid } = resp.data;this.$store.commit(SET_USERINFO, {name: nickname, avatar: headimgurl });localStorage.setItem("unionid", unionid);} else {console.log(resp.msg)}},

微信网页授权 Vue相关推荐

解决vue路由hash模式下,微信网页授权问题
解决vue路由hash模式下,微信网页授权问题本人开发负责微信公众号端,菜单都是自定义菜单,然后每个菜单路径都是经过授权如:http://xxxx.com/ceshi/wechat/authoriz ...
vue开发本地调试微信网页授权
vue开发本地调试微信网页授权相关信息: 微信开发者工具 vue-cli3 1.修改hosts文件这里可能会遇到无法修改的问题,可以通过修改权限或管理员权限打开修改修改用户权限的操作如下: 修改 ...
Vue 爬坑之旅 -- 微信网页授权
现在的 H5 开发,微信授权和微信分享基本是必备功能,昨天将微信分享的相关功能和踩坑过程做了一个总结,今天就来说下微信授权的功能具体到 vue 项目中该要怎么做. Vue 爬坑之旅 – history ...
手把手实现微信网页授权和微信支付，附源代码（VUE and thinkPHP）
wechat github 手把手实现微信网页授权和微信支付,附源代码(VUE and thinkPHP) 概述公众号开发是痛苦的,痛苦在好多问题开发者文档是没有提到的,是需要你猜的. 在开发过程中 ...
因微信网页授权调整解决方案
项目场景: 微信授权获取用户相关头像和昵称问题描述提示:现在微信官方整改了,不能在用户无知的情况下强制授权才能访问微信网页授权规范授权流程需引导清晰.准确:在申请获取用户信息的弹窗出现前,应该 ...
微信授权Java重定向前端地址_微信网页授权+分享踩过的坑
页面用浏览器自带返回和安卓物理返回死循环的话,直接看高潮部分背景折磨我两个工作日加周末一天的问题,我觉得还是有必要记录一下,为什么程序员总是加班,就是遇到这些意想不到的问题需求领导:我想做两个 ...
不插即用！配备微信网页授权模块的CodeIgniter应用脚手架
昨天发了一篇<即插即用!适用于CodeIgniter框架的微信网页授权模块>,今天想了想干脆整理一个脚手架好了. Github仓库: CodeIgniter-Weixin_Template ...
android user-agent iso-8859-1,微信网页授权，错误40163，ios正确，安卓错误？
2018-07-18:一年时间过去了,我又回来填自己挖的坑了!! 2017年7月,我遇到了这个问题,当时在这里提了问,后来又跟踪了两天,也没彻底搞懂,反正时好时坏,,后来自己主要精力放在H5+开发上, ...
微信遇到特殊服务器,解决微信网页授权，出现errcode:40163,errmsg:codebeenused，看似微信访问了2次这个回调接口的问题...
先说说自己理解的微信机制: 微信内访问自己服务器的页面,如果访问出错,微信就会认为是微信自身的问题,那么他就会开启另外一个IP来访问这个页面(什么上海的IP,深圳的IP不等),再把访问结果发回用户端, ...
微信网页授权，获取微信code，获取access_tocken,获取用户信息
微信开发中,经常有这样的需求:获得用户头像.绑定微信号给用户发信息.. 那么实现这些的前提就是授权! 1.配置安全回调域名: 在微信公众号请求用户网页授权之前,开发者需要先到公众平台官网中的" ...

微信网页授权 Vue

微信网页授权 Vue相关推荐

最新文章

热门文章