Web Login Plugin - 账号管理器
一个用于VSCode的插件，帮助开发人员管理并快速切换不同环境的账号登录信息。
项目简介
在开发过程中，经常需要在多个环境（如测试环境、开发环境、生产环境）之间切换不同的账号进行测试。这个插件提供了一个方便的界面来管理所有的账号信息，并支持一键登录，大大提高了开发和测试效率。
功能特性
账号管理
- 添加/编辑/删除账号：灵活管理多个环境的账号信息
- 环境分组：按照环境名称对账号进行分组显示
- 多环境支持：同时支持开发环境（本地）和生产环境
- 活跃状态显示：高亮显示当前使用的账号
一键登录
- 开发环境登录：快速登录到开发环境（根据host和port配置）
- 生产环境登录：直接跳转到生产环境URL进行登录
- 多浏览器支持：支持Chrome、Firefox、Arc、Edge和Safari等浏览器
数据管理
- 数据导入/导出：支持将账号配置导出为JSON数据或从JSON导入
- 本地存储：数据安全存储在VSCode配置中，避免信息泄露
安装方法
从VSCode扩展商店安装
- 打开VSCode应用
- 点击左侧的扩展图标
- 搜索"Web Login Plugin"
- 点击安装
从VSIX文件安装
- 下载最新的
web-login-plugin-x.x.x.vsix文件
- 在VSCode中，点击左侧的扩展图标
- 点击右上角的"..."，选择"从VSIX安装..."
- 找到并选择下载的VSIX文件
使用说明
访问插件
- 点击VSCode左侧活动栏中的"自动登陆"图标打开插件界面
添加账号
- 点击"添加"按钮
- 填写必要信息：
- 环境：用于分组的环境名称（如dev, test, prod）
- domain：域名标识（如guanbi）
- loginId：登录用户名
- password：登录密码
- 根据需要填写可选信息：
- host/port：开发环境的主机地址和端口
- url：生产环境的完整URL
- browser：选择启动的浏览器
使用账号登录
- 点击账号旁边的"dev登录"可快速以该账号登录到开发环境
- 点击账号旁边的"prod登录"可跳转到生产环境并自动填充登录信息
管理账号
- 编辑：点击账号右侧的编辑图标修改信息
- 删除：点击删除图标移除账号（有确认提示）
- 导入/导出：使用右上角的导入/导出按钮进行数据迁移
数据格式
账号数据结构如下：
[
{
"env": "环境名称",
"children": [
{
"domain": "域名",
"loginId": "用户名",
"password": "密码",
"host": "开发环境地址",
"port": "开发环境端口",
"url": "生产环境地址",
"browser": "浏览器类型"
}
]
}
]
技术实现
- 前端：Vue 3 + Element Plus
- 存储：VSCode配置存储系统
- 通信：VSCode Webview API
- 浏览器控制：自动打开配置的浏览器并导航到相应的URL
开发团队
由观数科技（GuanData）开发团队开发和维护。
许可协议
请参阅 LICENSE.txt 文件了解详细信息。
| |
