从 0 到上线:单文件网页 App 部署到阿里云 ECS 全流程(Nginx+Node+PM2+PostgreSQL)
从 0 到上线单文件网页 App 部署到阿里云 ECS 全流程NginxNodePM2PostgreSQL“今天吃什么”——这五个字是我每天下班回家面对冰箱时的终极难题。作为一个非科班、纯自学的普通打工人我没想做多牛的产品就想要个能替我想好「这顿吃啥、还差多少营养」的小工具。于是用业余时间做了个单文件网页 App「今天吃什么 · 纠结症救星」。做完之后真正的难题才开始怎么让它稳定地跑在网上让别人也能打开这篇聊聊我从「本地能跑」到「公网可访问」的全过程以及踩过的坑。希望帮到同样想把自己小工具上线的你。一、先说产品它解决了什么填身高体重它算出你今天该吃多少热量/蛋白按「当日营养缺口」智能凑出三餐不是乱推是真算缺口支持自己做饭 / 点外卖 / 外出吃三种场景120 菜品库、饮水打卡、周趋势图、云端同步、分享卡片。数据没登录存本机登录后存云端。二、为什么不用「现成平台」一开始图省事试了 Serverless云函数 对象存储坑1云函数默认域名响应头强制Content-Disposition: attachmentHTML 直接变成「下载文件」而不是渲染页面前端必须外置代码层无解。坑2为国内访问快试了某 CDN结果又慢又偶发打不开。再加上托管数据库密码里的特殊字符要 URL 编码、建表权限各种幺蛾子……结论对个人小项目与其和平台特性搏斗不如买台自己的服务器全自己管反而最省心。三、最终架构一台机器全包公网 80/443 (Nginx) └─ 今天吃什么 Web App ├─ 前端单文件网页手机电脑自适应 ├─ 后端Node.js PM2端口3000崩了自动拉起 └─ 数据库本机 PostgreSQL存账号/饮食记录 服务器阿里云 ECS Ubuntu 22.04 / 2核2G / 北京 / 包年包月 ¥99/年四、部署全流程可复现买 ECSUbuntu 22.042核2G北京包年包月预装 Docker 可选安全组放行 80 / 443 / 22本地scp上传部署包到服务器服务器跑一键脚本装 PG14 Node Nginx PM2 → 建库建表 → 复制前后端 → 配 Nginx 反代 → PM2 启动验证http://IP/可访问、/api/health返回 ok提交 ICP 备案通过后脚本绑域名 免费 HTTPS整个流程约 10 分钟核心是「前端外置 Nginx 反代 PM2 守护」三板斧。五、踩坑实录省你时间云函数 HTML 变下载别挣扎前端必须独立托管。数据库密码含!#连接串里要 URL 编码成%21%40%23。建表报information_schema权限错用public.前缀建表。备案主体一致性域名和服务器要在同一实名主体下否则备案会被驳回我为此换了账号重买服务器。账号风控同一人多个账号参与活动会被风控新服务器要用不同实名。六、现状 邀请工具已上线跑在自有服务器国内直连打开不转圈。体验地址http://39.102.215.224/备案通过后换https://mealpick.me/测试期注册验证码123456登录就能存自己的饮食记录。欢迎来用、来挑刺、来提需求——你的每条反馈我都会看下个版本安排上。如果你也在做个人小工具希望这篇能少让你踩几个坑。有问题评论区聊

相关新闻

SQL Server数据库表空间与行数统计:原理、方法与自动化监控

SQL Server数据库表空间与行数统计:原理、方法与自动化监控

1. 项目概述:为什么需要关注数据库与表的空间占用?在数据库运维和开发工作中,我们经常会遇到一些看似简单却至关重要的问题:数据库服务器磁盘空间告警了,是哪个库、哪张表在“野蛮生长”?新上线的业务模块数…

2026/8/14 1:17:51 阅读更多 →
【加急快讯】DeepSeek Harness 深夜开源!主打「一切皆插件」,由 Cordis 驱动

【加急快讯】DeepSeek Harness 深夜开源!主打「一切皆插件」,由 Cordis 驱动

⚡ 加急快讯:DeepSeek 开源 Agent 框架 DeepSeek Harness(dsh),「一切皆插件」,Cordis 驱动,MIT 协议。 今晚8点25分左右,DeepSeek 正式开源发布 Agent 智能体框架 DeepSeek Harness&#xff0c…

2026/8/14 1:16:50 阅读更多 →
LeetCode 12 整数转罗马数字 - 贪心从大到小减

LeetCode 12 整数转罗马数字 - 贪心从大到小减

LeetCode 12 整数转罗马数字,用贪心思想:能减大的先减大的。 🟡 整数转罗马数字 整数转成罗马数字。值对应:I1, V5, X10, L50, C100, D500, M1000。 特殊规则:4→IV, 9→IX, 40→XL, 90→XC, 400→CD, 900→CM。 就是换…

2026/8/14 1:16:50 阅读更多 →

最新新闻

RTL960x光猫改造实战:把运营商光猫换成2.5G SFP模块的完整指南

RTL960x光猫改造实战:把运营商光猫换成2.5G SFP模块的完整指南

RTL960x光猫改造实战:把运营商光猫换成2.5G SFP模块的完整指南 【免费下载链接】RTL960x Hacking & Reverse Engineering RTL960x-based xPON ONTs to suit your OLT 项目地址: https://gitcode.com/gh_mirrors/rt/RTL960x 如果你的路由器带 SFP 光口、家…

2026/8/14 9:01:11 阅读更多 →
光场相机2.0:从原理到应用,深度解析三维视觉感知技术演进

光场相机2.0:从原理到应用,深度解析三维视觉感知技术演进

1. 从“记录光”到“理解光”:光场相机的演进脉络如果你和我一样,是个对成像技术着迷的从业者,那么“光场相机”这个词,绝对能让你心跳加速。它不像传统相机那样,只是简单地按下快门,把镜头前某个平面的光线…

2026/8/14 9:01:11 阅读更多 →
Django+MySQL全栈实战:从零构建高性能资讯网站

Django+MySQL全栈实战:从零构建高性能资讯网站

1. 项目概述与核心价值 如果你对Python和Web开发感兴趣,想找一个能串联起前后端、数据库、部署运维的综合性实战项目,那么从零开始搭建一个资讯类网站,无疑是一条绝佳的“打怪升级”路径。这个项目标题“pythondjangomysql 从零搭建资讯类网…

2026/8/14 9:01:11 阅读更多 →
SpringBoot自动装配原理深度解析:从@Conditional到自定义Starter实战

SpringBoot自动装配原理深度解析:从@Conditional到自定义Starter实战

1. 项目概述:为什么我们需要深入理解自动装配?如果你用过SpringBoot,大概率会对它的“开箱即用”特性印象深刻。新建一个项目,引入spring-boot-starter-web依赖,写一个带RestController的类,启动&#xff0…

2026/8/14 9:01:11 阅读更多 →
ncmdump使用攻略:把网易云NCM加密音乐转成MP3,车载音响想听就听

ncmdump使用攻略:把网易云NCM加密音乐转成MP3,车载音响想听就听

ncmdump使用攻略:把网易云NCM加密音乐转成MP3,车载音响想听就听 【免费下载链接】ncmdump 项目地址: https://gitcode.com/gh_mirrors/ncmd/ncmdump 在网易云音乐里花心思攒下的歌,下载后却是.ncm后缀的文件,只能在自家AP…

2026/8/14 9:01:11 阅读更多 →
编译原理核心:从词法分析到语法分析,掌握预测分析表与LR分析

编译原理核心:从词法分析到语法分析,掌握预测分析表与LR分析

1. 从“天书”到“通关秘籍”:我的编译原理期末复习心路 又到了学期末,编译原理这门课的名字一出现,估计不少同学已经开始头疼了。我记得自己当年第一次翻开那本厚厚的“龙书”,看着满篇的“文法”、“自动机”、“语法制导翻译”…

2026/8/14 9:00:10 阅读更多 →

日新闻

临沂网站建设铭镇:深耕本土数字生态,以匠心铸就企业品牌核心竞争力

临沂网站建设铭镇:深耕本土数字生态,以匠心铸就企业品牌核心竞争力

在这个流量为王、视觉至上的互联网时代,对于临沂乃至整个山东乃至全国的传统中小企业来说,拥有一张精美的“数字名片”早已不再是可选项,而是生存的必答题。每当夜幕降临,沂河两岸灯火辉煌,物流之都的喧嚣逐渐沉淀为对未来的思考。我们常常听到老板们在茶余饭后探讨:为什…

2026/8/14 0:00:26 阅读更多 →
Flutter与OpenHarmony实现剧本杀组队表单开发实战

Flutter与OpenHarmony实现剧本杀组队表单开发实战

1. 项目概述在移动应用开发领域,跨平台框架Flutter因其高效的开发体验和出色的性能表现,已经成为众多开发者的首选。而OpenHarmony作为新兴的操作系统平台,其开放性和灵活性为开发者提供了全新的可能性。本文将聚焦于一个实际应用场景——剧本…

2026/8/14 0:00:26 阅读更多 →
大连网站建设找简维科技:为您打造懂业务更懂用户的数字化转型引擎

大连网站建设找简维科技:为您打造懂业务更懂用户的数字化转型引擎

在这个数字化浪潮席卷全球的今天,企业想要在激烈的市场竞争中站稳脚跟,拥有一张好看的“数字名片”已经远远不够了。很多老板在刚开始接触互联网业务时,都有一个共同的困惑:为什么我花了钱建的网站,就像是在真空中自嗨?访客进来转了两圈就跑了,线索石沉大海,甚至连客服…

2026/8/14 0:01:27 阅读更多 →

周新闻

5分钟告别提取码焦虑:baidupankey如何智能破解百度网盘资源锁

5分钟告别提取码焦虑:baidupankey如何智能破解百度网盘资源锁

5分钟告别提取码焦虑:baidupankey如何智能破解百度网盘资源锁 【免费下载链接】baidupankey 在线查询网盘提取码(维护中 rm repo) 项目地址: https://gitcode.com/gh_mirrors/ba/baidupankey 你是否曾经在深夜寻找一份重要资料&#x…

2026/8/13 2:38:34 阅读更多 →
如何快速生成中国车牌图片:Python开源工具完整指南

如何快速生成中国车牌图片:Python开源工具完整指南

如何快速生成中国车牌图片:Python开源工具完整指南 【免费下载链接】chinese_license_plate_generator 中国车牌生成器 项目地址: https://gitcode.com/gh_mirrors/ch/chinese_license_plate_generator 中国车牌生成器是一个基于Python的开源项目&#xff0c…

2026/8/13 10:41:52 阅读更多 →
收藏!小白程序员轻松入门大模型,从Harness工程开始实践

收藏!小白程序员轻松入门大模型,从Harness工程开始实践

文章强调学习大模型不应只关注模型本身,而应重视模型外的系统搭建,即Harness。提出AgentModelHarness的实用公式,详细介绍Harness的四个层次:持久化层、执行层、控制层和观察与验证层。文章还探讨了上下文工程、工具设计、AGENTS.…

2026/8/13 10:41:51 阅读更多 →

月新闻

免费解锁百度网盘SVIP加速:macOS用户必备的下载提速终极指南

免费解锁百度网盘SVIP加速:macOS用户必备的下载提速终极指南

免费解锁百度网盘SVIP加速:macOS用户必备的下载提速终极指南 【免费下载链接】BaiduNetdiskPlugin-macOS For macOS.百度网盘 破解SVIP、下载速度限制~ 项目地址: https://gitcode.com/gh_mirrors/ba/BaiduNetdiskPlugin-macOS 还在为百度网盘macOS版的龟速下…

2026/8/13 10:41:50 阅读更多 →
终极ncmdump指南:3分钟实现网易云NCM音乐解密与格式转换

终极ncmdump指南:3分钟实现网易云NCM音乐解密与格式转换

终极ncmdump指南:3分钟实现网易云NCM音乐解密与格式转换 【免费下载链接】ncmdump 项目地址: https://gitcode.com/gh_mirrors/ncmd/ncmdump 还在为网易云音乐下载的NCM格式文件无法在其他播放器播放而烦恼吗?ncmdump解密工具帮你轻松解决这个困…

2026/8/13 10:41:49 阅读更多 →
HarmonyOS 应用开发《掌上英语》第81篇: 智能体卡片:为英语学习 App 打造桌面级学习助手

HarmonyOS 应用开发《掌上英语》第81篇: 智能体卡片:为英语学习 App 打造桌面级学习助手

AgentCard 智能体卡片:为英语学习 App 打造桌面级学习助手适用平台:HarmonyOS 7.0 (API 26 Beta)一、引言 HarmonyOS 7.0(API 26 Beta)新增了 AgentCard 智能体卡片能力,这是继 HMAF(鸿蒙智能体框架&#x…

2026/8/13 10:41:49 阅读更多 →