企业官网建设流程全解析

在家办公、异地协作越来越普遍。

但开发环境不只是写代码，还要连数据库、访问测试服务器、同步代码。这篇分享一下我的远程开发环境搭建经验。

核心需求

远程开发要解决几个问题：

1. 代码同步：本地和服务器代码一致
2. 数据库连接：连上公司/测试环境的数据库
3. 内部服务访问：访问内网的各种服务
4. 文件传输：大文件快速传输

代码同步方案

方案一：Git为主

最简单的方式，代码全靠Git同步。

# 家里gitpull origin develop# 改代码gitpush origin develop# 公司gitpull origin develop

问题：

• 频繁commit，历史会很乱
• 改到一半的代码不好push
• 冲突处理麻烦

适合：代码改动不频繁的场景

方案二：VSCode Remote SSH

直接连到服务器上开发，代码在服务器上。

// .ssh/configHost dev-server HostName 服务器IPUser yourname IdentityFile~/.ssh/id_rsa

VSCode安装Remote-SSH插件，直接连上去写代码。

优点：

• 代码在服务器，不用同步
• 编译、运行都在服务器，本地电脑轻松
• 多人协作方便

缺点：

• 依赖网络，断网就GG
• 服务器要有公网IP或能SSH访问

方案三：rsync双向同步

本地写代码，自动同步到服务器。

# 本地→服务器rsync-avz--exclude'.git'--exclude'node_modules'\~/project/ server:/home/user/project/# 监听文件变化自动同步fswatch-o~/project|xargs-n1-I{}rsync-avz~/project/ server:/home/user/project/

或者用lsyncd：

-- /etc/lsyncd/lsyncd.conf.luasync{default.rsync,source="/home/user/project",target="server:/home/user/project",rsync={archive=true,compress=true,_extra={"--exclude",".git","--exclude","node_modules"}}}

适合：需要本地IDE + 服务器环境的场景

数据库连接方案

方案一：SSH隧道

最常用的安全方式。

# 建立隧道ssh-L3307:localhost:3306 user@server-N# 然后本地连接mysql-h127.0.0.1-P3307-udbuser-p

或者写个脚本一键启动：

#!/bin/bash# connect_db.sh# 启动SSH隧道（后台运行）ssh-f-N-L3307:localhost:3306 user@dev-server# 启动Redis隧道ssh-f-N-L6380:localhost:6379 user@dev-serverecho"隧道已建立"echo"MySQL: localhost:3307"echo"Redis: localhost:6380"

Navicat/DataGrip配置SSH隧道：

SSH: Host: 服务器IP Port: 22 User: yourname Auth: Private Key MySQL: Host: localhost (注意是localhost) Port: 3306

方案二：VPN/组网

如果经常连多个内部服务，每次建SSH隧道很麻烦。

更好的方式是把你的电脑"加入"公司内网：

你的电脑 ←→ 虚拟网络 ←→ 公司内网 ↓ 直接连内网IP

我用的是星空组网，装个客户端就能把不同地方的设备组成一个虚拟局域网。

配置好之后：

# 直接连内网地址mysql-h192.168.1.100-udbuser-p# Redis也是redis-cli-h192.168.1.101# 甚至可以访问内部Web服务curlhttp://192.168.1.102:8080/api/test

就像在公司一样。

方案三：本地数据库 + 定期同步

如果网络不稳定，可以在本地跑一个数据库副本。

# 定期从测试环境导出mysqldump-htest-server-uuser-p--databasestest_db>backup.sql# 导入到本地mysql-uroot-p<backup.sql

可以写个脚本定时同步：

#!/bin/bash# sync_db.sh# 导出测试环境数据（脱敏）mysqldump-htest-server-uuser-p\--databasestest_db\--ignore-table=test_db.sensitive_table\>/tmp/sync.sql# 导入本地mysql-uroot-p</tmp/sync.sqlecho"数据同步完成:$(date)"

内部服务访问

除了数据库，开发中还要访问各种内部服务：

• Git仓库
• Jenkins/CI
• 文档系统
• 测试环境API

SSH多隧道

# 一个SSH连接建多个隧道ssh-L3307:db-server:3306\-L6380:redis-server:6379\-L8081:jenkins:8080\-L9090:prometheus:9090\user@jump-server-N

SSH配置文件

# ~/.ssh/config Host work HostName jump-server-ip User yourname IdentityFile ~/.ssh/id_rsa LocalForward 3307 db-server:3306 LocalForward 6380 redis-server:6379 LocalForward 8081 jenkins:8080

然后只需要：

sshwork-N

组网方案

组网后所有内部服务都可以直接访问，不用一个个配隧道。

文件传输

小文件：scp/rsync

# 上传scplocal_file user@server:/path/# 下载scpuser@server:/path/remote_file ./# 目录同步rsync-avz--progressuser@server:/data/ ./data/

大文件：压缩传输

# 服务器端压缩tar-czf- /large/dir|sshuser@server"cat > backup.tar.gz"# 或者用rsync的压缩rsync-avz--compress-level=9large_file user@server:/path/

断点续传

# rsync支持断点续传rsync-avz--partial--progresslarge_file user@server:/path/

我的远程开发环境

分享一下我的配置：

网络

家里电脑 ←→ 星空组网 ←→ 公司服务器 ←→ 测试环境 ←→ 家里NAS

组网后所有设备都在一个虚拟网段（比如10.26.0.x）。

VSCode配置

// settings.json{"remote.SSH.remotePlatform":{"dev-server":"linux"},"remote.SSH.useLocalServer":false}

# ~/.ssh/config Host dev-server HostName 10.26.0.10 # 组网内网IP User dev IdentityFile ~/.ssh/id_rsa

数据库连接

直接连内网IP，不用隧道：

MySQL: 10.26.0.11:3306 Redis: 10.26.0.12:6379 MongoDB: 10.26.0.13:27017

Git仓库

# 直接用内网地址gitclone git@10.26.0.20:project/repo.git

效果

• 在家写代码和在公司一样
• 不用每次启动一堆SSH隧道
• 网络延迟也还可以，写代码体验正常

安全注意事项

远程开发要注意安全：

1. SSH密钥认证，禁用密码登录
2. 敏感数据不要存本地，或者加密存储
3. 使用跳板机，不直接暴露内网服务器
4. VPN/组网走加密通道
5. 定期更换密钥

# 禁用SSH密码登录# /etc/ssh/sshd_configPasswordAuthentication no

总结

远程开发环境搭建的几个方案：

选哪个看你的情况：

• 偶尔远程 → SSH隧道足够
• 长期远程 → 组网方案更省心
• 多人协作 → VSCode Remote + Git

远程开发已经是常态了，花点时间把环境配好，效率能高很多。

有问题评论区聊。