OAuth 工作流
终端用户
在你的应用中点击「微信 / Google 登录」
aardwin 代理层
state 生成 · 渠道路由 · 合规回调
你的后端
state + secret 换取用户信息
1<!-- 引入组件 -->
2<script src="https://cdn.aardwin.com/aw.js"></script>
3<aard-win-auth client-id="app_xxxxx"></aard-win-auth>
4// 完成。就这么简单。
组件预览
一个标签，全部渠道
终端用户看到的登录界面 — 零配置，自动适配所有渠道
登录 MyApp
选择以下方式继续
或使用以下账号
Secured by aardwin
<aard-win-auth />
这就是你的用户看到的
一个干净的登录卡片，自动渲染所有已开启的渠道。无需自己画 UI、处理回调、管理 state。
50KB gzip · 零依赖
深色模式自适应
移动端原生体验
核心优势
统一多渠道登录体验，让开发者专注于业务本身
一套组件覆盖主流登录渠道
7+
登录渠道
2
行代码接入
0
第三方注册
统一 API 一键接入
开源 MIT 协议
state + secret 安全验证
实时调试日志
边缘加速 · 全球低延迟
200ms
平均回调延迟
99.9%
服务可用性
渠道覆盖
一个组件，覆盖所有登录渠道
aardwin
开发者体验
传统方式 每个渠道独立注册 · 手动管理回调 · 维护多个 SDK
1// 微信开放平台注册 → 审核 → 获取 AppID
2// Google Cloud Console → 创建 OAuth 凭据
3// GitHub Developer Settings → 注册 App
4// Discord Developer Portal → 创建 Bot
5
6import WechatSDK from 'wechat-oauth'
7import GoogleAuth from 'google-auth'
8import GitHubStrategy from 'passport-github'
9const wechat = new WechatSDK({ appId, secret, ...})
10const google = new GoogleAuth({ clientId, redirect, ...})
11// ... 200+ 行配置、路由、回调处理
4+ 平台注册 · 200+ 行代码 · 多个 SDK 依赖
aardwin 一个组件 · 一次配置 · 全渠道覆盖
1<!-- 在你的网站加入两行代码 -->
2<script src="https://cdn.aardwin.com/aw.js"></script>
3<aard-win-auth client-id="app_a8f3k2j9s4d7h6n1"></aard-win-auth>
4
5// 后端换取用户信息：
6const user = await fetch('https://api.aardwin.com/v1/userinfo', {
7 method: 'POST',
8 body: JSON.stringify({ state, client_secret })
9})
10// { id, nickname, avatar } — 完成。
零平台注册 · 2 行前端代码 · 1 个统一 API
接入流程
三步完成接入
从注册到上线，最快 10 分钟搞定
1
注册账号
邮箱注册，完成控制台登录，基础功能永久免费
2
创建应用配置渠道
填写应用信息，一键开启所需 OAuth 渠道，零第三方操作
3
复制代码嵌入网站
引入 script 标签，组件自动加载，终端用户即可扫码 / 跳转登录
Optional Support
Core features are free forever.
If aardwin saves you time, you can optionally support future development.
WeChat
Scan the QR code to support
Alipay
Scan the QR code to support
GitHub Sponsors
Ko-fi