问题描述

微信内h5页面微信授权登录,获取code换取登录token

解决方案：

1.用户在微信内授权登录,这里用的是vue开发,登录之后code在回调的url中,然后拿着code向后端换取token即可.

wxgetMobileCode() {
const appid = “wxxxxxxx”;
const redirect_uri = encodeURIComponent(window.location.href);
const scope = “snsapi_userinfo”
const urls =
https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appid} &redirect_uri=${redirect_uri}&response_type=code&scope=${scope}&state=STATE#wechat_redirect
window.location.href = urls
},
2.在回调的url中获取code

created() {
if(this.$route.query.code) {
this.getWeixin(this.$route.query.code); //执行换取token
} else {
//因为code返回的时候不能直接通过参数拿到,所以要对code进行截取处理
let href = window.location.href
let origin = window.location.origin
let hash = window.location.hash
if(href.includes(“code”)) {
this.code = href.split(‘?’)[1].split(‘=’)[1].split(‘&’)[0];
window.location.href = ${origin}/${hash}&code=${this.code}
}
}
},

vue微信内h5页面微信授权登录相关推荐

微信内 H5 页面自定义分享
起源: 最近公司在做一个活动的h5页面,在微信内打开时需要进行微信授权,然后后端会重定向到这个页面并且携带了一些参数(openid等).问题是点击微信的原生分享时,会把携带的这些参数一起分享出去,等于 ...
微信内h5页面打开小程序【详细教程】
相关配置微信js文件版本大于等于1.6.0 https://res.wx.qq.com/open/js/jweixin-1.6.0.js 微信授权配置 window.wx.config({ -oth ...
html5微信游戏抓包,微信开发之使用抓包工具在chrome中模拟微信内置浏览器绕过授权登录的网页...
ATTENTION 评论:DOMAIN www.phpbloger.com IMMEDIATE TERMINATION Invoice#: 576833 Date: 2021-05-12 INSTAN ...
微信网页开发：微信内h5使用wx-open-launch-weapp打开小程序，微信内h5使用wx-open-launch-app打开App的方案
需求场景: 当我们需要使用在微信客户端打开的h5页面,在页面上打开微信小程序或者唤起App时,我们需要使用微信js-sdk提供的开放标签能力.这其中:使用wx-open-launch-weapp标签打 ...
企业微信开发H5页面授权使用接口的问题
企业微信 h5踩坑指南企业微信开发H5页面授权使用接口的问题开发企业微信的时候 h5页面需要获取登录用户的信息,这个时候就需要jsdk里面的 [开发文档] (https://work.weixi ...
微信公众号开发之授权登录（前端vue篇）
前序: 由于之前一直是后端直接调用微信授权后,拿到相关信息后再返回给我(就是以前的前后端不分离),所以对微信公众号开发的微信授权登录还一直处于懵逼情况,直到今天有一个项目需要前后端分离,要前端主动去获 ...
app端内h5页面使用微信h5支付
app端内h5页面使用微信h5支付 app端内h5页面使用微信h5支付一.起初使用的方法二.解决方法三.最后 app端内h5页面使用微信h5支付一.起初使用的方法在对接支付宝支付的时候,我是 ...
VUE H5页面微信/QQ/微博分享连接设置
VUE H5页面微信/QQ/微博分享连接设置问题想改变分享的标题.副标题.图片以及重定向打开的地址? 解决第一步:在项目控制台里面 npm i -S weixin-js-sdk ( 然后视情况 ...
微信小程序个人中心跳转页面进行授权登录
微信小程序授权登录操作第一步:进入页面跳到授权登录页面第二步:点击立即授权按钮弹出授权框 1.这里会调用微信官方文档中的一个方法 2.点击允许授权获取微信头像和昵称 3.授权成功之后跳回之前的页面 ...
Java微信支付开发之公众号支付（微信内H5调起支付）
官方文档准备工作:已通过微信认证的公众号,必须通过ICP备案域名(否则会报支付失败) 借鉴了很多大神的文章,在此先谢过了整个支付流程,看懂就很好写了一.设置支付目录在微信公众平台设置您的公众号 ...

vue微信内h5页面微信授权登录

问题描述

解决方案：

vue微信内h5页面微信授权登录相关推荐

最新文章

热门文章