web微信授权登录-代码篇

上篇讲了我们做微信授权登录前，需要在微信后台做的一些配置准备。

现在到我们页面内部：

代码如下：

1、定义一个getUrlKey方法，来判断当前地址是否有code字段。(因为授权过的地址会自动拼上code，一般也就是要拿这个code值传给后端的接口)

2、myAppid是我们的微信appID

3、redirectUrl是我们授权后，页面再次重定向要跳转回来的地址，就是我们当前的页面地址

        let wxUserCode = getUrlKey("code");let myAppid = '123456';let redirectUrl = 'http://testUrl.ck-dev.haifurong.cn/';if (!wxUserCode) {// 没有微信code，跳转去获取window.location.href = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${myAppid}&redirect_uri=${redirectUrl}&response_type=code&scope=snsapi_userinfo`;}

按上面的操作就能实现微信授权了

web微信授权登陆-配置篇

web微信授权登录-代码篇相关推荐

从前后端交互逻辑出发、基于企业开发标准，Web微信授权登录系统开发项目分享
背景首先,在网页中开发第三方登录系统的案例越来越多,用户的操作习惯也逐渐被引导改变,更加简洁有效的登录交互系统将会成为网页开发中必要的一环.从项目的用户使用背景.微信公众号的开发模式.企业代码的标准 ...
微信授权登录代码示例
第一步:微信测试公众号点这里获取微信测试公众号 1. 登录之后记下 appid 和 appsecret 2. 配置JS安全接口域名 3. 配置微信回调域名 4. 关注此公众号第二步:上代码 1. ...
springboot微信信小程序授权登录代码
以下是 Spring Boot 微信小程序授权登录代码的一个简单示例: @RestController public class LoginController {@Autowiredprivate ...
uniapp - 编译微信小程序项目的微信授权登录、获取微信手机号登录、最新版微信直接登录、手机与验证码登录的示例源码（适用于 uniapp 微信小程序项目，源代码直接开箱即用）超级详细的代码及注释
效果图 uniapp 项目编译微信小程序,一些常见的登录方式及源代码,示例代码干净整洁无BUG拿来即用. 本文示例实现了 uniapp 微信小程序项目的登录功能,包含微信授权登录.获取微信手机号登录. ...
uniapp - 超详细的 H5 公众号网页微信登录示例代码，提供从 0-1 公众号配置及详细注释代码（站在新手小白的角度）第三方微信授权登录的实现！！
介绍目前示例是 "点击按钮登录",你也可以改为 "一进页面就登录" ,可随意改造. 百度的教程都太乱了,而且功能都有一定问题.本文主要讲解 uniapp H5 ...
五行代码搞定微信授权登录
Authing 通过 SDK 为开发者提供了一种快速在微信网页中获取用户信息并完成登录的方法.如果用户在微信客户端中访问第三方网页.公众号可以通过微信网页授权机制,来获取用户基本信息,进而实现业务逻辑 ...
uni app和php开发微信登录代码,uniapp如何实现微信授权登录
uniapp实现微信授权登录的方法:首先获取对应的appid和appsecret:然后在uniapp项目的manifest.json中进行APP SDK配置和模块权限配置.最后实现编码. 本教程操作环 ...
微信小程序授权登录代码
一.前言由于微信官方修改了 getUserInfo 接口,所以现在无法实现一进入微信小程序就弹出授权窗口,只能通过 button 去触发.官方连接:https://developers.weixin ...
慕课网_《微信授权登录》学习总结
时间:2017年08月12日星期六说明:本文部分内容均来自慕课网.@慕课网:http://www.imooc.com 教学源码:无学习源码:https://github.com/zccodere/ ...
code换取微信openid_微信授权登录开发的两种方式
本文主要针对微信公众号(公众平台的开发) 首先理解一个概念:OAuth: OAuth(开放授权)是一个开放标准,允许用户让第三方应用访问该用户在某一网站上存储的私密的资源(如照片,视频,联系人列表), ...

web微信授权登录-代码篇

web微信授权登录-代码篇相关推荐

最新文章

热门文章