工作流
OAuth 工作流
前端接入 → 扫码授权 → 后端换码，三步走完全程
终端用户
在你的应用中点击「微信 / Google 登录」
aardwin 代理层
state 生成 · 渠道路由 · 合规回调
你的后端
state + secret 换取用户信息
接入代码
1npm i @aardwin/auth-browser
2import '@aardwin/auth-browser' // 注册组件
3<aardwin-auth site-id="your-site-id"></aardwin-auth>
4// 前端接入，到此为止。
核心优势
统一多渠道登录体验，让开发者专注于业务本身
一套组件覆盖主流登录渠道
7+
登录渠道
1
个标签接入
0
第三方注册
统一 API 一键接入
开源 MIT 协议
state + secret 安全验证
实时调试日志
边缘加速 · 全球低延迟
200ms
平均回调延迟
99.9%
服务可用性
开发者体验
传统方式 每个渠道独立注册 · 手动管理回调 · 维护多个 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<!-- npm 安装并引入（自动注册组件） -->
2npm i @aardwin/auth-browser
3import '@aardwin/auth-browser'
4<aardwin-auth site-id="YOUR_SITE_ID"></aardwin-auth>
5
6// 后端用一次性 code 换取用户信息：
7import { exchangeCode } from '@aardwin/auth-server'
8const user = await exchangeCode({ code, siteId, clientSecret })
9
10// { user_id, provider, nickname, avatar } — 完成。
零平台注册 · 1 个前端标签 · 1 个统一 API
接入流程
三步完成接入
从注册到上线，最快 10 分钟搞定
1
注册账号
邮箱注册，完成控制台登录，基础功能永久免费
2
创建应用配置渠道
填写应用信息，一键开启所需 OAuth 渠道，零第三方操作
3
复制代码嵌入网站
npm 安装并引入组件，放置 aardwin-auth 标签，终端用户即可扫码 / 跳转登录
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
