vue2.x 微信公众号授权拿取code,静默登录

1.前提是微信公众号后台已经配置了业务域名地址和网络授权地址

2.例如在首页授权登录，在当前页面引入对应的js


import { isWXBrowser, getWechatCode } from "@/utils/common";

3.common.js

// 判断是否微信环境export const isWXBrowser = (() => {const ua = window.navigator.userAgent.toLowerCase()return /(micromessenger|webbrowser)/g.test(ua)})()import axios from 'axios'
// 判断是否为微信环境
const isWechat = () => {return String(navigator.userAgent.toLowerCase().match(/MicroMessenger/i)) === "micromessenger";
}
export const getUrlCode = () => {// 截取url中的code方法var url = location.search;var theRequest = new Object();if (url.indexOf("?") != -1) {var str = url.substr(1);var strs = str.split("&");for (var i = 0; i < strs.length; i++) {theRequest[strs[i].split("=")[0]] = strs[i].split("=")[1];}}return theRequest;
}
export const getWechatCode = () => {if (isWechat) {let appid = "微信APPid "; //微信APPidlet code = getUrlCode().code; //是否存在codelet local = window.location.href;// let local = 'https://********';if (code == null || code === "") {//不存在就打开上面的地址进行授权window.location.href ="https://open.weixin.qq.com/connect/oauth2/authorize?appid=" +appid +"&redirect_uri=" +encodeURIComponent(local) +"&response_type=code&scope=snsapi_base&state=STATE#wechat_redirect";} else {localStorage.code = code // 拿到code之后就要范湖给后台 让后台返回对应的account_token和openid,尽量使用account_token 这个的刷新时间是两个小时，openid暴露出来不太好,拿到token之后就处理相关的业务逻辑}}
//   })
};

4.使用

 created() {if (isWXBrowser) {getWechatCode();} },

vue2.x 微信公众号授权拿取code,静默登录相关推荐

微信公众号授权登录（asp.net + angular）
微信是时下最火的,上面有数以亿计的用户,如果能接入微信将大大减低注册门槛,当然,接入微信登录是有门槛的.微信登录一般有两个,一个是微信开放平台授权登录,一个是微信公众号授权登录,两者都需要认证才可以继 ...
微信公众号授权获取用户OpenID和UnionId然后发生消息通知
微信公众号授权获取用户OpenID和UnionId然后发生消息通知 1.获取微信公众号code 1.微信公众拿取公众号appid和appSecret 2.网页域名授权,这里的域名拼接上html所在位置 ...
vue微信公众号授权开发流程
vue微信公众号授权开发流程项目采用的是vue2.0开发的,还未更新到vue3.0.项目描述:只有通过微信授权登录,不需要绑定手机号. 1.注册公众号,这个不多说了 2.配置公众号在[公众号设置] ...
微信公众号授权登录 JAVA
微信授权登录 java 首先腾讯那么大的公司文档写的那么low 微信那么火 demo写的那么差我就想说一句微信简直就是在歧视Java 我这边自己整合了下微信支付和微信登录 java的代码 ...
微信公众号授权步骤详细步骤介绍和整合springboot开发（java版）
文章有不当之处,欢迎指正,如果喜欢微信阅读,你也可以关注我的微信公众号:好好学java,获取优质学习资源. 一.微信公众号授权步骤首先到微信公众平台注册账号,可以看到有四种类型(服务号,订阅号,小程 ...
微信登录(微信公众号授权)的开发（详解）
1.UnionId和OpenId 微信登录最重要的两个返回信息,一个是UnionId,一个是OpenId.两者之间有着必然的联系. 首先,先来理一下微信开放平台的架构.开发微信登录,必须有一个开放平台 ...
微信公众号文章爬取方法整理
微信公众号文章爬取方法整理 1.用python爬取 http://blog.csdn.net/d1240673769/article/details/75907152 实现方法:通过微信提供的公众号文 ...
vue移动端项目微信公众号授权登录
前言在我们做移动端项目时, 很多功能是以登录后才能进行后续的操作, 并且许多pc端的网页都有微信扫码登录功能, 为了做到pc与移动端统一, 往往移动端项目需要添加微信登录功能, 那么为什么手机端不能 ...
Java在Web端微信公众号授权登录
Java在Web端微信公众号授权登录 1.需要在微信开发平台配置 url:是自己服务中的微信需要推给你的地址(需要使用二级域名,可以去添加链接描述)购买9块钱1个月使用权或者白嫖都可 token 这个 ...
uniapp中h5网页微信公众号授权
uniapp微信网页授权 uniapp中h5网页微信公众号授权主要代码获取code返回的code截取代码 uniapp中h5网页微信公众号授权微信官方文档–>网页授权 uniapp中h5网 ...

vue2.x 微信公众号授权拿取code,静默登录

vue2.x 微信公众号授权拿取code,静默登录相关推荐

最新文章

热门文章