企业微信H5应用OAuth2登录,企业微信授权登录

企业微信H5应用的OAuth2登录流程主要用于获取用户身份信息,实现免登录功能。以下是实现步骤的详细说明。

  1. 构造网页授权链接

在前端触发跳转到企业微信授权页面,构造授权链接如下:

javascript 复制代码
const appId = 'YOUR_APP_ID'; // 企业微信应用ID

const redirectUri = encodeURIComponent('https://yourdomain.com/callback'); // 回调地址

const state = 'random_string'; // 防止CSRF攻击的随机字符串

const scope = 'snsapi_base'; // 授权类型,可选snsapi_base或snsapi_privateinfo



const authUrl = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appId}&redirect_uri=${redirectUri}&response_type=code&scope=${scope}&state=${state}#wechat_redirect`;



window.location.href = authUrl;

用户点击后会跳转到企业微信授权页面,完成授权后返回指定的回调地址并附带code参数。

  1. 后端获取Access Token

在回调地址中,后端通过code获取用户信息:

python 复制代码
import requests



# 企业微信API参数

corp_id = "YOUR_CORP_ID"

corp_secret = "YOUR_CORP_SECRET"

code = "CODE_FROM_CALLBACK"



# 获取Access Token

token_url = f"https://qyapi.weixin.qq.com/cgi-bin/gettoken?corpid={corp_id}&corpsecret={corp_secret}"

token_response = requests.get(token_url).json()

access_token = token_response.get("access_token")



# 使用Access Token和Code获取用户信息

user_info_url = f"https://qyapi.weixin.qq.com/cgi-bin/user/getuserinfo?access_token={access_token}&code={code}"

user_info_response = requests.get(user_info_url).json()



print(user_info_response)

返回的用户信息中包含UserId等基本信息,可用于后续业务逻辑。

  1. 注意事项
  • 可信域名配置:在企业微信管理后台设置可信域名,确保回调地址合法。

  • 静默授权与手动授权snsapi_base 为静默授权,仅获取基本信息;snsapi_privateinfo需用户确认,可获取敏感信息。

  • 安全性 :使用随机字符串作为state防止CSRF攻击。

  1. 最佳实践
  • 在前端处理回调时,清除URL中的codestate参数,避免重复跳转。

  • 定期刷新Access Token,避免因过期导致请求失败。

通过以上步骤,即可实现企业微信H5应用的OAuth2登录功能。

相关推荐
梦想的旅途22 天前
如何高效调用企业微信通讯录API管理组织架构
java·开发语言·企业微信
梦想的旅途22 天前
企业微信API如何实现自动化办公
运维·自动化·企业微信
天空属于哈夫克32 天前
企业微信API实现企业内部消息精准推送的最佳实践
企业微信
星云API技术支持3 天前
企业微信二次开发:外部群机器人如何把群消息接入工单系统?
机器人·企业微信
星云API技术支持。3 天前
企业微信二次开发:外部群机器人,从群消息到业务系统如何打通?
机器人·企业微信
梦想的旅途23 天前
企业微信API在考勤与审批流程自动化中的应用
运维·自动化·企业微信
梦想的旅途23 天前
企业微信API接口调用频率限制与性能优化技巧
企业微信
天空属于哈夫克33 天前
从零构建企业微信打卡签到系统:API实战演练
企业微信
星云API|微信接口开发3 天前
企业微信二次开发外部群机器人,图片文件消息如何统一解析?
机器人·企业微信
梦想的旅途23 天前
基于企业微信API的微应用前端与后端架构设计
前端·状态模式·企业微信