🤯 当本地开发遇上生产环境:一个Shell脚本的救赎

创作背景

作为这套脚本的作者,我必须坦白:写这些脚本的动机完全源于一次惨痛的调试经历。那是一个周五晚上,我面对着:

  • 生产环境的HTTPS接口
  • 本地的HTTP服务
  • 令人抓狂的CORS错误

在尝试了各种临时方案后,我决定打造一套终极解决方案。(文末附仓库地址)

设计哲学

这套脚本遵循三个核心原则:

  1. 自动化一切

    • 自动安装依赖(openssl/socat)
    • 自动生成证书
    • 自动清理资源
  2. 开发者友好

    • 清晰的错误提示
    • 完善的帮助文档
    • 一键式执行
  3. 跨平台兼容

    • 支持Linux/macOS
    • 考虑Windows(WSL)
    • 自动识别包管理器

技术细节

这套脚本包含以下关键技术实现:

  1. 自动依赖检测与安装
bash 复制代码
# 检测并安装openssl
if ! command -v openssl &> /dev/null; then
    install_openssl
fi

# 检测并安装socat
if ! command -v socat &> /dev/null; then
    install_socat
fi
  1. 跨平台hosts文件管理
bash 复制代码
# 自动识别操作系统
if [[ "$OSTYPE" == "linux-gnu"* || "$OSTYPE" == "darwin"* ]]; then
    hosts_path="/etc/hosts"
elif [[ "$OSTYPE" == "cygwin" || "$OSTYPE" == "msys" || "$OSTYPE" == "win32" ]]; then
    hosts_path="C:\Windows\System32\drivers\etc\hosts"
fi
  1. 长期有效的自签名证书
bash 复制代码
# 生成10年有效期的证书
openssl req -new -key server.key -x509 -days 3653 -out server.crt \
    -subj "/CN=portal-content-nexus-uat.derbysoft-test.com"
  1. 资源清理机制
bash 复制代码
# 捕获中断信号进行清理
trap '{
    $path/manage-hosts.sh remove "$domain"
    trap - SIGINT
    trap - EXIT
}' SIGINT

实用技巧

这套脚本的一些隐藏功能:

  1. 长期证书:生成的证书有效期10年(3653天)
  2. 智能清理:Ctrl+C时会自动移除hosts记录
  3. 防重复:避免添加重复的hosts条目

创作心得:一个懒鬼的自我修养

作为一个资深懒人,写这些脚本纯粹是因为:

  1. 不想每次调试都改hosts - "127.0.0.1 my-production-site.com" 这种命令打第三次时,我的手指已经开始罢工抗议了
  2. 不想听浏览器唠叨CORS - 它就像个啰嗦的管家,整天"这个不行""那个不允许",烦死了
  3. 不想装孙子求运维 - "大哥,能帮我配个证书吗?"这种话说过一次后,我就决定自己当大哥

这套脚本的精髓在于:

  • 能自动的绝不手动 - 我连泡面都懒得煮,怎么可能手动安装openssl?
  • 能偷懒的绝不勤快 - 证书有效期10年?不,应该设置100年,反正到时候这代码早没人用了
  • 能甩锅的绝不背锅 - 脚本出错时会打印清晰的错误信息,这样用户就知道是他们自己用错了

这就是一个懒人为了更懒而创造的解决方案。

GitHub仓库: github.com/SteamedBrea...

相关推荐
HWL5679几秒前
pnpm(Performant npm)的安装
前端·vue.js·npm·node.js
石小石Orz21 分钟前
浏览器的预检请求OPTIONS到底有什么用?
前端
落雪小轩韩25 分钟前
网格布局 CSS Grid
前端·css
parade岁月27 分钟前
Vue 3 父子组件模板引用的时序陷阱与解决方案
前端
xianxin_32 分钟前
CSS Outline(轮廓)
前端
moyu8432 分钟前
遮罩层设计与实现指南
前端
Pedantic41 分钟前
用 SwiftUI 打造一个 iOS「设置」界面
前端
timeweaver1 小时前
深度解析 Nginx 前端 location 配置与优先级:你真的用对了吗?
前端·nginx·前端工程化
鲸落落丶1 小时前
网络通信---Axios
前端
wwy_frontend1 小时前
React性能优化实战:从卡顿到丝滑的8个技巧
前端·react.js