🤯 当本地开发遇上生产环境:一个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...

相关推荐
迷曳13 分钟前
28、鸿蒙Harmony Next开发:不依赖UI组件的全局气泡提示 (openPopup)和不依赖UI组件的全局菜单 (openMenu)、Toast
前端·ui·harmonyos·鸿蒙
爱分享的程序员25 分钟前
前端面试专栏-工程化:29.微前端架构设计与实践
前端·javascript·面试
上单带刀不带妹29 分钟前
Vue3递归组件详解:构建动态树形结构的终极方案
前端·javascript·vue.js·前端框架
-半.31 分钟前
Collection接口的详细介绍以及底层原理——包括数据结构红黑树、二叉树等,从0到彻底掌握Collection只需这篇文章
前端·html
90后的晨仔1 小时前
📦 Vue CLI 项目结构超详细注释版解析
前端·vue.js
@大迁世界1 小时前
用CSS轻松调整图片大小,避免拉伸和变形
前端·css
一颗不甘坠落的流星1 小时前
【JS】获取元素宽高(例如div)
前端·javascript·react.js
白开水都有人用1 小时前
VUE目录结构详解
前端·javascript·vue.js
if时光重来1 小时前
axios统一封装规范管理
前端·vue.js
m0dw1 小时前
js迭代器
开发语言·前端·javascript