「即时上线」新增整站发布，支持页面跳转！0代码搭建产品demo

可以把设计稿一键发布为真实网页的

「即时上线」升级了！

支持多选画板、把整个项目一起发布上线

还能实现页面间的点击跳转

新增已发布网页管理功能

一键发布/更新，流程完善又便捷！

现在，团队中的每个人都可以用即时上线优化自己的工作流程：

• UI 设计师分享链接在线展示设计、快速过方案；

•产品和交互设计师，发布原型/交互设计稿在线演示操作流程，产品逻辑一目了然；

•开发复制 iframe 网页组件代码嵌入目标位置的网页代码中，几分钟就能完成页面开发。

对团队和企业来说，可用场景就更多了：更新运营位、生成活动落地页、0 代码生成产品 demo、整站发布上线缩短开发周期……

快来一起看看吧~

对交互设计师和产品经理来说，经常需要在原型图和设计稿中添加交互连线，用以表达页面逻辑、跳转层级等交互关系。

但是页面一多，连线就显得混乱，开会讲解展示的时候，打开文件密密麻麻全是连线，不仅难以梳理清楚逻辑关系，反而越看越迷糊。

「即时上线」新增的“整站发布”功能为你提供了全新的展示方案。

0 代码生成一个产品 demo！

一键生成真实 H5 / 网页，支持点击跳转新页面、打开弹层、甚至打开外链，让团队成员、领导、甲方在自己的手机或电脑上体验完整的操作流程。

实现起来也非常简单：

1. 在团队中打开任意文件，进入【原型模式】添加交互事件连线。

2. 右上角进入【网页模式】，预览设计稿发布上线后的效果。

3. 确认无误再点击【发布】，稍等片刻就能发布成功。

我们还针对不同平台做了适配，APP、iPad、Web 设计稿都可以使用「即时上线」把整个项目发布上线。

「即时上线」功能发布后，不少小伙伴在给我们提出了新的建议：

•生成的网页太多，有没有后台可以集中查看这些链接？

•担心团队中的成员误操作影响线上效果，能不能区分权限？

•修改设计稿更新上线后，感觉旧版本更好，怎么退回上一版？

……

能满足以上需求的「管理功能」来了！

• 团队成员查看链接

团队中的所有成员，都可以在团队主页的【团队空间-发布网页】查看所有已发布页面，点开链接预览真实上线的效果。

•开发复制 iframe 组件代码

开发可以点进【发布详情-组件代码】复制 iframe 组件代码，嵌入网页指定位置快速完成开发工作。

• 设计师修改设计稿并更新网页

如果上线页面的内容有误、效果不好，设计师们还可以右键菜单，点击【更新链接】快速打开对应的设计源文件，简单便捷，省去了搜索翻找的时间。

•管理员上线新版本/退回旧版本

在发布详情页中，过往的每一次更新都有迹可查，出现误操作或者对线上的版本不满意时，拥有可管理/可编辑权限的团队 leader 和设计师，还可以一键启用历史版本。

•支持部分自定义 URL 

对于同一项目中包含的多个页面，也有快速切换、精准打开的方法——支持部分自定义 URL。

打开任意已发布的设计稿，进入网页模式后，点击【发布】即可找到更新设置。

在这个页面里，你可以将指定页面设置为“主页”，并根据业务/个人需求，自定义每个页面的 URL。

更新完成后，你就可以通过修改地址后缀，来快速切换到指定页面了~

在线预览、生成产品 demo，只是「即时上线」众多应用场景中的一小部分~

「即时上线」的价值更多地体现在——

用简单的方法、更短的时间、更少的资源消耗，

生成网页的三大组成部分(html+css+javascript)，

并将这些都集合到一段 iframe 网页组件代码中。

现在，开发人员只需【复制网页组件 嵌入已有代码】即可完成整站开发。

重复性、低技术含量的 UI 样式和动效、复杂的变体效果、页面间的交互跳转……全都可以交给「即时上线」处理，原本要占用几天的工作量，直接压缩到几分钟内完成。

小到更新运营位、发布活动页、上线产品介绍页、快速生成 SEM 推广页，大到生成 APP / 小程序，甚至搭建整个官网……对团队和企业来说，「即时上线」可应用的场景更是不胜枚举。