Feishu Auth Skill

飞书认证页面发布 Skill - 快速将 HTML 页面添加飞书扫码登录保护并部署到公网。

功能特性

• 🔐 飞书扫码登录 - 集成飞书 OAuth2.0 认证
• 🚀 一键部署 - 支持 EdgeOne Pages 快速部署
• 📄 保留原页面 - 完全保留原始 HTML 页面功能和样式
• ⚡ 零配置 - 只需提供 HTML 文件和飞书配置

安装

npm install -g feishu-auth-skill

快速开始

1. 初始化项目

feishu-auth init

或快速模式：

feishu-auth quickstart

2. 按提示输入信息

• HTML 源文件路径 (默认: ./index.html)
• 飞书 App ID
• 飞书 App Secret
• 页面标题

3. 构建并部署

cd <project-name>
npm install
npm run build

# 部署到 EdgeOne Pages
npx edge-pages deploy ./dist

配置飞书应用

1. 访问 飞书开放平台
2. 创建企业自建应用
3. 开启"网页应用"能力
4. 配置安全域名和回调地址
5. 获取 App ID 和 App Secret

CLI 命令

feishu-auth init [options]

初始化项目

选项:

• -n, --name <name> - 项目名称

feishu-auth build

构建项目

feishu-auth deploy

部署项目

feishu-auth quickstart

快速开始（一键初始化）

配置文件

项目初始化后会生成 feishu-auth.config.json:

{
  "name": "my-project",
  "title": "我的认证页面",
  "feishu": {
    "appId": "cli_xxxxxxxxxx",
    "appSecret": "xxxxxxxxxxxx"
  }
}

项目结构

my-project/
├── functions/          # EdgeOne Functions
│   ├── _middleware.js
│   └── api/
│       └── auth/
│           └── callback.js
├── public/             # 静态资源
│   └── content.html    # 用户的 HTML 文件
├── src/                # React 源码
│   ├── App.jsx
│   ├── main.jsx
│   └── pages/
│       ├── LoginPage.jsx
│       └── ContentPage.jsx
├── feishu-auth.config.json
├── index.html
├── package.json
└── vite.config.js

依赖要求

• Node.js >= 16.0.0
• EdgeOne Pages CLI (用于部署)

License

MIT