uniapp微信公众号授权登录，本地调试

在项目如何集中微信公众号授权登录

后端跳转获取code码，最后拼接，

                    //保留登录前的页面参数。为了不让参数传到后台，并且在微信授权链接带来带去，可以将参数和登录前的地址存到本地缓存let routes = getCurrentPages(); // 获取当前打开过的页面路由数组let curRoute = routes[routes.length - 1].route //获取当前页面路由let curParam = routes[routes.length - 1].options; //获取路由参数console.log(routes)console.log(curRoute);console.log(curParam);if ("pages/login/login" != curRoute) {//保存登录前的地址  uni.setStorageSync('curRoute','/'+curRoute );//保存登录前的参数  uni.setStorageSync('curParam',curParam );}window.location.href ="https://open.weixin.qq.com/connect/oauth2/authorize?appid=sdfsdfgsaa194f7ca6" +"&redirect_uri=" +encodeURIComponent("http://sdfa.test.com/pages/login/login") +"&response_type=code&scope=snsapi_userinfo&state=1#wechat_redirect";

然后会跳转前端login这个页面

在这个页面发起请求，用code去获取授权。得到token之后拼接登录前的页面

uni.setStorage({//将用户信息保存在本地key: 'token',  data: res.data.payload});
let curRoute = uni.getStorageSync('curRoute');let curParam =  uni.getStorageSync('curParam');let url =  curRoute;if(Object.keys(curParam).length > 0){  url += '?';  for(let i in curParam){  url += i + '=' + curParam[i] + '&';  }  url = url.substring(0, url.length - 1);  }  uni.reLaunch({  url: url  });

注意，模式最好用history模式

如果本地调试，这个问题很多人是很头痛的，已经弄好的请略过，因为uniapp自带服务器，微信公众号的校验文件，很多人不知道放那个位置。

我的做法是，用花生壳通过内网穿透，先映射到apache服务器，把文件放大apache服务器下面，让微信校验成功。成功之后，将内网映射成uniapp服务器的地址，这样就可以进行本地调试了。

有不同的，请在下方提问

uniapp微信公众号授权登录，本地调试相关推荐

uniapp - 微信公众号授权登录
[缘由] 采用uniapp进行微信小程序和微信公众号双版本开发:考虑到用户唯一性,我们后端确定了以"unionid".作为唯一标识. 有的小伙伴估计也是刚入这坑,我就简单说一下步骤 ...
uni-app—微信公众号授权登录（截取code）
uni-app获取code发送到服务器上获取信息首先先获取code,公众号分为静默授权(即无需用户点击)和非静默授权(弹出提示框,用户点击确认) methods: {getCode() { // 非 ...
uni-app 对FastAdmin微信公众号授权登录实例
uni-app 对FastAdmin微信公众号授权登录实例 uniapp 微信公众号授权登录代码跳转获取code 提交fastadmin 第三方登录插件进行登录验证存储token onLoad( ...
RuoYi-App移动版（uni-app）微信公众号授权登录
前言略 uni-app 未提供微信公众号授权登录 uni.login是一个客户端API,统一封装了各个平台的各种常见的登录方式,包括App手机号一键登陆.三方登录(微信.微博.QQ.Apple.go ...
【SpringBoot学习】46、SpringBoot 集成 Uniapp 实现微信公众号授权登录
文章目录一.公众号环境搭建二.Spring Boot 集成微信公众号 1.application.yml 微信配置 2.控制层接口三.Uniapp 实现授权登录一.公众号环境搭建本篇文章使用 ...
利用NATAPP隧道解决微信公众号开发之本地调试难题
文章目录公众号的分类微信公众平台: 编辑模式开发模式开发模式配置流程 1.登录测试号页面,可以看到该测试号相关的信息 2.配置参数介绍 3.搭建本地应用(java/python/php等语言均 ...
微信公众号授权登录（asp.net + angular）
微信是时下最火的,上面有数以亿计的用户,如果能接入微信将大大减低注册门槛,当然,接入微信登录是有门槛的.微信登录一般有两个,一个是微信开放平台授权登录,一个是微信公众号授权登录,两者都需要认证才可以继 ...
vue移动端项目微信公众号授权登录
前言在我们做移动端项目时, 很多功能是以登录后才能进行后续的操作, 并且许多pc端的网页都有微信扫码登录功能, 为了做到pc与移动端统一, 往往移动端项目需要添加微信登录功能, 那么为什么手机端不能 ...
H5 微信公众号授权登录前后端分离篇(资料准备+前端01)
实现微信公众号授权登录,很简单,但是注意的地方要细心,小伙伴们跟着我的思路一起实现吧! 文章目录一.帐号申请 1. 正式账号 2. 测试帐号二.微信文档 2.1. 文档主页 2.2. 授权流程 2 ...

uniapp微信公众号授权登录，本地调试

注意，模式最好用history模式

uniapp微信公众号授权登录，本地调试相关推荐

最新文章

热门文章