Skip to content

EndlessPixel/frp-config-generator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

FRP 内网穿透配置生成器

一个纯前端、无后端的 FRP 内网穿透配置生成器,支持多种配置格式,可直接部署在 GitHub Pages 或任何静态文件服务器上。

功能特性

  • 🚀 纯前端实现:无需后端服务,完全在浏览器端运行
  • 📄 多格式支持:支持 INI、TOML、YAML、JSON 四种配置格式
  • 🔄 格式转换器:可在不同配置格式之间互相转换
  • 📋 常用端口预设:提供 SSH、HTTP、MySQL、Redis 等常用端口快速选择
  • 📱 响应式设计:自适应不同屏幕尺寸,支持移动端访问
  • 🎨 美观界面:现代化的 UI 设计,流畅的用户体验
  • 💾 一键操作:支持一键复制、下载配置文件
  • 🚀 启动命令生成:自动生成 Windows、Linux、Docker 的启动命令

快速开始

在线使用

直接访问 GitHub Pages 演示地址(需要自行部署)。

本地使用

  1. 克隆或下载本项目
  2. 使用浏览器打开 index.html 文件即可使用

功能介绍

配置生成器

  1. 通用配置

    • 服务器地址和端口
    • 认证令牌
    • TLS 加密
    • 连接池配置
    • 自定义 DNS 服务器
  2. 代理配置

    • 支持添加多个代理
    • 代理类型:TCP、UDP、HTTP、HTTPS、STCP
    • 本地 IP 和端口
    • 远程端口
    • 常用端口下拉预设
  3. 配置预览与操作

    • 实时预览配置文件
    • 一键切换格式
    • 复制到剪贴板
    • 下载配置文件
    • 清空所有配置
    • 生成启动命令

格式转换器

  1. 粘贴任意格式的 FRP 配置文件
  2. 自动识别格式并转换为其他三种格式
  3. 支持复制和下载任意格式的配置
  4. 生成对应格式的启动命令

技术栈

  • HTML5:页面结构
  • CSS3:样式设计,响应式布局
  • 原生 JavaScript:业务逻辑实现
  • 无外部依赖:无需任何框架,纯原生代码

部署指南

GitHub Pages 部署

  1. 将代码推送到 GitHub 仓库
  2. 进入仓库的 Settings 页面
  3. 找到 Pages 设置
  4. 选择部署分支(通常是 main/master)
  5. 点击保存,等待部署完成

其他静态托管

可部署在以下平台:

  • Vercel
  • Netlify
  • Cloudflare Pages
  • 任何支持静态文件托管的服务器

项目结构

frpc_config/
├── index.html    # 主页面文件
├── style.css     # 样式文件
├── script.js     # JavaScript 逻辑
└── README.md     # 项目说明文档

浏览器支持

  • Chrome (推荐)
  • Firefox
  • Safari
  • Edge

FRP 相关资源

许可证

Apache License 2.0

About

FRP 内网穿透配置生成器,支持 INI/TOML/YAML/JSON 四种格式,纯前端运行

Topics

Resources

License

Stars

Watchers

Forks

Contributors