No deploy
不部署也能让客户看本地开发页面
为了让客户看一眼效果就先构建、上传、配域名,评审一结束这些环境又用不上。页面还在本机改动时,可以直接分享正在运行的开发服务。
· 基于 Previa 当前桌面端流程
先判断:临时评审还是持续访问
免部署预览适合“现在一起看这一版”:页面还在改、客户需要实际点击、你能在评审期间保持电脑在线。如果客户需要随时访问,或你要验证生产构建、域名、服务端配置及发布流程,应建立测试环境或正式部署。
- 本地分享:看到当前开发服务的结果,开始快,但依赖开发者电脑和分享会话。
- 测试环境:看到已部署的版本,适合多人异步验收和验证发布配置。
- 正式网站:面向持续的公众访问,需要正常的托管、运维和发布流程。
一个从修改到确认的完整例子
假设你刚调整了产品页的移动端布局,项目已在本机 http://localhost:3000 运行。客户要确认标题和购买按钮的位置,暂时不需要上线。
- 先在自己的浏览器检查目标页面,使用测试数据走完需要演示的点击流程。
- 打开 Previa 并登录,输入实际端口,点击“开始分享”。
- 把生成的链接发给客户,说明要检查的页面和任务。客户使用 Chrome 或 Safari 打开。
- 客户操作真实页面,框选需要调整的区域并发送文字意见。
- 你在本地修改,检查结果后请客户刷新、再次确认。不要假设远程页面会自动跟随本机热更新。
- 导出需要保留的反馈,停止分享,再按项目原有流程构建、测试和发布。
免部署不代表所有依赖都会自动可用
客户看到的是浏览器能加载到的页面,不是你的整个开发环境。接口、登录状态、第三方资源和其他本地服务都要按实际项目验证。
- 如果前端写死了另一个
localhost接口地址,访客会请求自己的电脑。检查网络面板,优先通过同一开发服务的相对路径及开发代理组织请求。 - 开发者浏览器里的登录状态不会因为发出链接就自动变成客户的登录状态。需要登录的演示应准备测试账号,并先验证流程。
- 涉及生产域名、回调地址或生产环境配置的功能,仍应在对应测试环境中验证。
- 本机能打开而远程失败时,先用简单页面检查连通性,再逐项检查资源和接口,避免同时更改多个条件。
评审结束后,何时切换到部署
电脑休眠、服务退出或分享结束都会影响后续访问。需要异步评审、固定网址、发布前验证,或不依赖个人电脑的访问时,就应切换到部署环境。临时分享的作用是缩短开发中的反馈循环。
开始前移除演示中的敏感数据,结束后点击“停止分享”。如需定位圈阅和导出步骤,继续阅读客户圈阅评审教程;如遇端口或浏览器问题,阅读分享 localhost 与排错。
项目文件是否会被上传
Previa 不要求先把项目目录或构建压缩包上传到托管服务器。客户浏览器打开分享链接后,只请求当前页面运行所需的 HTML、脚本、样式和图片;数据默认通过点对点通道传输,无法直连时通过加密中继传递。
这不等于把整个项目交给客户,也不能替代备份或正式发布。不过浏览器能收到的前端资源仍可能被查看,因此不要把密钥写进前端代码,也不要在演示数据中放入真实敏感信息。