# beaver-oauth

**Repository Path**: dawwdadfrf/beaver-oauth

## Basic Information

- **Project Name**: beaver-oauth
- **Description**: 海狸 IM (Beaver)｜全平台、功能齐全、易二开，一站式私有化即时通讯 & 实时音视频方案
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-06-28
- **Last Updated**: 2026-06-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 🦫 Beaver OAuth - 海狸授权登录

[![License](https://img.shields.io/badge/license-MIT-blue.svg)](LICENSE)
[![Version](https://img.shields.io/badge/version-2.0.1-blue.svg)](VERSION)
[![Vue](https://img.shields.io/badge/Vue-3.x-brightgreen.svg)](https://vuejs.org/)
[![Element Plus](https://img.shields.io/badge/Element%20Plus-2.x-blue.svg)](https://element-plus.org/)
[![TypeScript](https://img.shields.io/badge/TypeScript-5.x-blue.svg)](https://www.typescriptlang.org/)
[![QQ群](https://img.shields.io/badge/QQ群-1013328597-blue.svg)](https://qm.qq.com/q/82rbf7QBzO)

> 🚀 **海狸 IM 授权登录页** - 基于 Vue 3 + Element Plus + TypeScript 构建，为 PC 客户端与开放平台提供 OAuth 授权码登录、扫码确认能力

**当前版本：[2.0.1](VERSION)**（以仓库根目录 [`VERSION`](VERSION) 文件为准，与 `package.json` 同步）

[English](README_EN.md) | [中文](README.md)

---

## ✨ 核心特性

- 🔐 **OAuth 授权码登录** - 对接开放平台，完成 PC 客户端授权
- 📱 **扫码确认** - 移动端扫码后确认登录桌面端
- 🔗 **SDK 集成** - 与 `@beaver-im/js-sdk` 配合使用
- 🎨 **现代化 UI** - 基于 Element Plus 的简洁授权页
- ⚡ **轻量独立** - 专注授权流程，无多余业务模块

## 🛠️ 技术栈

| 技术 | 版本 | 说明 |
|------|------|------|
| **Vue.js** | 3.5+ | 渐进式前端框架 |
| **TypeScript** | 5.8+ | 类型安全 |
| **Element Plus** | 2.10+ | Vue 3 组件库 |
| **Vite** | 7.0+ | 下一代前端构建工具 |
| **Vue Router** | 4.5+ | 官方路由管理器 |
| **Axios** | 1.10+ | HTTP 客户端 |

## 🚀 快速开始

### 环境要求
- Node.js >= 18.0.0

### 安装步骤
```bash
# 克隆项目
git clone https://github.com/wsrh8888/beaver-oauth.git
cd beaver-oauth

# 安装依赖
npm install

# 启动开发服务器
npm run dev

# 构建生产版本
npm run build_prod

# 测试环境构建
npm run build_test
```

开发环境默认访问 http://localhost:8045

### 环境配置
1. 创建 `.env.development` 文件（开发环境）
2. 创建 `.env.test` 文件（测试环境）
3. 创建 `.env.production` 文件（生产环境）

## 🔗 相关项目

| 项目 | 仓库地址 | 说明 |
|------|----------|------|
| **beaver-server** | [GitHub](https://github.com/wsrh8888/beaver-server) \| [Gitee](https://gitee.com/dawwdadfrf/beaver-server) | 后端服务 |
| **beaver-desktop** | [GitHub](https://github.com/wsrh8888/beaver-desktop) \| [Gitee](https://gitee.com/dawwdadfrf/beaver-desktop) | 桌面端应用 |
| **beaver-open** | [GitHub](https://github.com/wsrh8888/beaver-open) | 开放平台门户 |
| **beaver-oauth** | [GitHub](https://github.com/wsrh8888/beaver-oauth) | OAuth 授权登录页 |
| **beaver-manager** | [GitHub](https://github.com/wsrh8888/beaver-manager) | 后台管理系统 |

## 📚 文档与帮助

- 📖 **详细文档**: [Beaver IM 文档](https://wsrh8888.github.io/beaver-docs/)
- 🎥 **视频教程**: [B站教程](https://www.bilibili.com/video/BV1HrrKYeEB4/)
- 💬 **QQ群**: [1013328597](https://qm.qq.com/q/82rbf7QBzO)

## 🤝 贡献指南

我们欢迎所有形式的贡献！

1. Fork 本仓库
2. 创建特性分支 (`git checkout -b feature/AmazingFeature`)
3. 提交更改 (`git commit -m 'Add some AmazingFeature'`)
4. 推送到分支 (`git push origin feature/AmazingFeature`)
5. 开启 Pull Request

## ⭐ 支持项目

如果这个项目对你有帮助，请给我们一个 ⭐ Star！

## 📄 开源协议

本项目基于 [MIT](LICENSE) 协议开源。

## ⭐ Star历史

[![Star History Chart](https://api.star-history.com/svg?repos=wsrh8888/beaver-oauth&type=Date)](https://star-history.com/#wsrh8888/beaver-oauth&Date)

---

<div align="center">
  <strong>Made with ❤️ by Beaver IM Team</strong><br>
  <em>企业级即时通讯平台 OAuth 授权登录</em>
</div>