微信授权工具wechatAuth.js

```const qs = require('qs')
// 应用授权作用域，
//snsapi_base （不弹出授权页面，直接跳转，只能获取用户openid），
//snsapi_userinfo （弹出授权页面，可通过openid拿到昵称、性别、所在地。并且，即使在未关注的情况下，只要用户授权，也能获取其信息）
const SCOPES = ['snsapi_base', 'snsapi_userinfo']class VueWechatAuthPlugin {constructor() {this.appid = nullthis.redirect_uri = nullthis.scope = SCOPES[0]this._code = nullthis._redirect_uri = null}static makeState() {return (Math.random().toString(36).substring(2, 15) +Math.random().toString(36).substring(2, 15))}setAppId(appid) {this.appid = appid}set redirect_uri(redirect_uri) {this._redirect_uri = encodeURIComponent(redirect_uri)}get redirect_uri() {return this._redirect_uri}get state() {return localStorage.getItem('wechat_auth:state')}set state(state) {localStorage.setItem('wechat_auth:state', state)}get authUrl() {if (this.appid === null) {throw new Error('appid must not be null')}if (this.redirect_uri === null) {throw new Error('redirect uri must not be null')}this.state = VueWechatAuthPlugin.makeState()// return `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${this.appid}&redirect_uri=${this.redirect_uri}&response_type=code&scope=${this.scope}&state=${this.state}#wechat_redirect`return `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${this.appid}&redirect_uri=${this.redirect_uri}&response_type=code&scope=snsapi_base&state=STATE#wechat_redirect`}returnFromWechat(redirect_uri) {let baseWithSearch = redirect_uri.split('#')[0]let parsedUrl = ''// 本地环境if (process.env.NODE_ENV === 'development') {parsedUrl = qs.parse(redirect_uri.split('?')[1])this.state = nullthis._code = parsedUrl.code} else {parsedUrl = qs.parse(baseWithSearch.split('?')[1])if (this.state === null) {throw new Error("You did't set state")}if (parsedUrl.state === this.state) {this.state = nullthis._code = parsedUrl.code} else {this.state = nullthrow new Error(`Wrong state: ${parsedUrl.state}`)}}}get code() {if (this._code === null) {throw new Error('Not get the code from wechat server!')}const code = this._codethis._code = nullreturn code}
}
const vueWechatAuthPlugin = new VueWechatAuthPlugin()export default vueWechatAuthPlugin

微信授权工具wechatAuth.js相关推荐

【微信】微信小程序微信开发工具创建js文件报错 pages/module/module.js 出现脚本错误或者未正确调用 Page()...
创建报错pages/module/module.js 出现脚本错误或者未正确调用 Page() 解决方法: 在js文件中添加 Page({}) 转载于:https://www.cnblogs.com/ ...
微信开发者工具，page里面的data在js的方法里面修改
不知道为啥我在用微信开发者工具中js文件中的方法里面修改data里面的值修改不成,到页面里面显示的还是初始值. 一开始在方法里面的写法是: //一开始的写法,但是wxml里面还是使用默认值 this. ...
微信开发工具onPullDownRefresh不触发问题
前提:你尝试了其他文章里的方法仍旧发现不能触发下拉刷新我不知道会不会有人跟我一样傻,但是还是写下这篇文章来拯救一下和我一样困惑的人吧微信开发工具的js文件里是有自己的onPullDownRefre ...
从零开始编写一个微信小程序（微信开发者工具+JS+WuxUI组件库+云开发）万字整理，建议收藏！
微信小程序-魔镜笔记&源码(微信开发者工具+JS+UI组件库+云开发) 效果展示视频演示经历了一次升级之后,我的小程序怎么样了? 文章目录微信小程序-魔镜笔记&源码(微信开发 ...
node.js实现微信授权登录，最详细最简单小白教程。。
使用到的中间件,如已安装请忽略 npm install express -g npm install request --save 首先想要微信授权,必须注册的有公众号,进入微信公众号平台-开发-开发 ...
使用微信开发者工具调试微信网页授权登录-react
转:https://www.jianshu.com/p/9ced1a297c95 1.使用localhost本地调试使用微信开发者工具, 选择微信网页授权, 微信团队为广大的开发者提供了一个测试账号 ...
【H5微信授权】简单实现H5页面微信授权功能，微信开发者工具报错系统错误，错误码-1，undefined解决办法【详细】
前言最近写到了H5公众号,需要微信授权的功能. 这里记录一下授权的流程和踩了个坑图片授权代码执行后会跳转到授权的地方,没有授权的会有确认授权,授权过得会这样,直接自动登录,然后再跳转到中转页授 ...
微信公共平台接入之：网页授权（微信授权，微信access_token获取，获取微信用户信息），微信开发者工具使用，微信公众平台测试号申请接入
1.微信公众平台文档入口微信公众平台入口地址:https://mp.weixin.qq.com/,截图: 进入之后的文档地址: https://mp.weixin.qq.com/wiki?t=res ...
PHP+laravel 微信开发工具授权登录详解
微信小程序登录流程时序废话不多说,直接上代码: html 代码 <button open-type="getUserInfo" bindtap="login&qu ...

微信授权工具wechatAuth.js

微信授权工具wechatAuth.js相关推荐

最新文章

热门文章