把原型交付给下一位体验者

核心方法

本机能打开一个页面，与朋友能通过链接访问它，是两件需要分别完成的工作。本课把「下一本」原型整理成可交付项目，并讲清本地预览、公开部署、域名与数据保存之间的关系。你会知道该准备什么，也知道哪些承诺目前尚未实现。

课程的完整资料包包含三份可运行源码、README 与六课讲义。平台原有实践要求保持不变；你可以提交自己的成果说明和允许访问的演示链接或文件。不要把主机密码、数据库密码、API 密钥上传到实践区。

本课的成果

一份别人能照着运行的交付包、一张上线检查单，以及明确说明当前能力和限制的演示介绍。如果需要 Nextory 帮你完成上线，可以进入网站的“免费上线”页面，微信联系 Pursuit_oaH。

案例拆解

第一步：分清三种地址

file:///.../index.html       你电脑上的本地文件路径
http://127.0.0.1:8099        当前设备的本地服务
https://你的公开访问地址     由可公开访问的主机提供的网站

localhost 和 127.0.0.1 指向正在使用浏览器的那台设备。把这个地址发给朋友，不会让他的电脑自动连接到你的电脑。局域网地址通常也不能直接作为互联网访问地址。公开访问需要可达的托管环境和正确配置，而不只是改一下网址文字。MDN：Web 服务器是什么 ↗

第二步：识别项目需要的运行环境

本例只有 HTML、CSS 和 JS，可以使用静态网站托管，把三个文件保持相对目录上传。带 PHP 和 MySQL 的项目则需要支持 PHP 的服务器、数据库连接与初始化过程；只把 PHP 文件扔到纯静态托管上，不会执行服务器逻辑。

如果项目依赖外部 AI 服务，还需要确认服务账号、额度、服务器侧密钥保存和错误处理。私密密钥一旦写进浏览器可下载的 JavaScript，就不能视为保密。不要为了“先跑起来”把真实秘密贴进前端或公开仓库。

第三步：理解域名与 HTTPS 的位置

主机可以提供默认访问地址，自定义域名通常是可选项。使用自己的域名时，需要按托管方要求设置 DNS，并配置对应站点与 HTTPS 证书。DNS 记录生效、证书可用和应用功能正常是不同检查，不能因为域名能解析就声称网站已全部上线。

这不是所有主机通用的点击教程。具体文件目录、构建命令、证书方式和限制应根据所选环境确认。没有选定环境前，不必先买一台服务器来试错。

第四步：准备交接材料

项目名：下一本 · 阅读清单
用途：在一个浏览器中记录待读书目和已读状态
文件：index.html、style.css、app.js、README.md
本机运行：项目目录中启动静态服务器，打开 README 中的地址
已测试：填写实际运行过的项目与结果，不复制“全部通过”
已知限制：本机保存、不跨设备同步、单个活动页面使用
希望获得：一个可分享的 HTTPS 访问链接
待确认：托管环境、公开内容、后续修改与维护方式

首次咨询只需项目用途、当前状态和必要的非敏感材料。公开代码仓库之前，先检查是否混入 .env、数据库导出、个人资料或部署凭据。真实上线需要的敏感配置应通过合适的私密渠道和服务器设置处理。

第五步：上线后做一次外部验收

用无痕窗口和另一台设备打开最终 HTTPS 地址，检查首页、样式和脚本请求。运行新增、已读、刷新和删除，再用手机检查布局。确认别人无需访问你的本机路径，错误页面不会展示服务器异常详情。

上线让别人能使用这份应用，但他们不会自动看到你的本机书单。每个访问者在各自浏览器中保存自己的记录。需要共享书单时，必须另外实现服务器数据与访问控制；不应在演示中说成“已经支持云端同步”。

第六步：为下一次修改留退路

保留上线前的版本、部署文件和运行说明。修改后先在本机验证，再更新托管文件；如果新版本出现问题，可以恢复已验证的旧文件。涉及真实数据库结构变化时，还要设计数据备份和兼容处理，不能只靠替换 HTML 回滚。

提示词与使用说明

请根据我的项目资料整理部署准备清单，先判断静态还是动态项目。
不要假设我已经购买主机，也不要虚构你已经上传或验证成功。
输出：运行环境、公开文件、服务器私密配置、上线步骤、
外部访问检查、已知限制、失败时恢复方式。
未知信息请列为待确认，不要求我贴出密码或真实密钥。

目录与 README：[粘贴]
本机运行结果：[填写]
现有托管环境：[填写，没有就写没有]
是否需要共享数据或外部 API：[填写]

独立练习

先把答案写进本课笔记，再展开解析。以下人物、活动和数据均为教学用的虚构材料；练习记录请填写你实际完成的过程。

给定材料

项目包含 index.html、style.css、app.js；只用浏览器存储，没有后端。
作者发来 http://localhost:8080，声称所有人可访问同一书单。

你的任务

纠正两个错误，写出本机运行与公开部署的区别，再列一份交付清单。不要把本地路径当作公开网址。

验收与迁移

对照自己的成果逐项检查。未达到的项目，写明缺什么、怎样补；这些标准用于自查，不会自动标记课时完成。

• 运行说明可由未参与开发的人执行
• 本机访问、公开访问、共享数据三者分清
• 公开链接经过外部环境验证后才声称上线

带回自己的场景

若尚未部署，提交可运行文件与本地说明即可；准备好后从网站“免费上线”入口申请人工协助。

延伸资料

浏览器存储的使用与限制 ↗。资料用于核对方法和技术边界，案例与练习由 Nextory 编写。