部署故事书的最佳地点是哪里?

比较故事书部署工具,以帮助您找到适合您的工作流的工具.

如果您正在寻找如何部署故事书,您可能已经遇到了许多选项.

托管服务和云存储提供商的选择数不胜数. 找出部署故事书的最佳实践非常耗时. 十博体育备用网址研究了故事书社区的技术,让您更容易做出决定.

本文概述了根据十博体育备用网址自己作为故事书维护者的经验部署故事书的常用方法. 它包括功能、工作流和定价.

部署故事书进行评审

为什么团队要部署故事书?

在十博体育备用网址开始之前,让十博体育备用网址先看看为什么人们要部署故事书. We 调查了四个前端团队 以及整个故事书社区. 沿着这条路, 十博体育备用网址了解到专业UI开发人员有无数的涉众,从设计到产品再到QA. 每个人都必须一起工作来发布生产ui.

但收集反馈并获得批准可能会很困难. 团队成员引用过时的工件并获取交互式UI的静态屏幕截图. 您会在任务管理器和聊天中被无休止的更改请求轰炸. 这是一片混乱.

开发人员部署故事书作为讨论的通用参考点. 这确保涉众总是引用相同的UI实现和版本. 团队成员可以在不接触代码或维护本地开发环境的情况下审查UI. 更重要的是,你能够更快地迭代,因为你能够尽早且经常地获得准确的反馈.

“部署故事书使每个PR更容易进行视觉审查,并帮助产品所有者从组件中思考.——Norbert de Langen, 故事书的核心维护者


网站vs组件库

大多数部署服务专门用于托管网站和资产. 它们非常适合应用程序、营销页面和博客. 但当您使用故事书时,您实际上是在构建不同的东西:UI组件.

部署网站的用例不同于部署组件库. 在网站上,团队审查“整个”用户体验. 而对于组件库,团队可以更详细地检查离散的UI组件. 在组件级别进行评审可以提高反馈的精度. 这反过来又能防止由于沟通错误而浪费时间.

为网站托管设计的流行服务并没有针对UI组件进行优化. S3, GCP, 和数字海洋提供廉价的云存储, 但对于前端开发人员来说,将它们粘在一起是一件痛苦的事情. Heroku, Vercel, Netlify,为您提供自动部署预览,但缺少UI组件的工作流.

出版故事书到彩色

十博体育备用网址创建了chrombook来部署和管理组件库以及设计系统. 它将您的故事书部署到云中的安全工作区. 然后提取、索引和版本每个组件. 使用这个组件索引,您可以获得基于ci的工作流,用于收集团队反馈和UI测试.

彩色显示你的分支/提交之间的相关UI变化. 您的团队可以在十博体育备用网址的网络应用程序中评论和分配评论者. 这一切都发生在一个共享的工作区中,因此您可以确定每个人都在同一个页面上.

在真实故事旁边发表评论


与CI和Git的集成

彩色集成到你的CI管道和Git工具中. 每当你推送代码,彩色部署故事书到一个安全的CDN. 它向CI工具报告状态,这样您就可以安排更多的自动化操作,还可以在Git工具中添加一个PR徽章.

利益相关者可以得到一个方便的到chromium web应用的URL,在那里他们可以查看最新的UI实现. 不需要提取代码,不需要处理依赖关系,也不需要管理本地环境.

半音给你公关支票


专为前端团队设计

发布ui需要一个团队. 开发人员、设计师和产品经理必须通力合作,创造吸引人的体验. 但是平衡每个人的意见是很棘手的.

有很多通用的协作工具(Slack), 变焦, 和任务管理(Jira, 体式, GitHub问题). 但是没有人关注前端开发人员的需求. 比起构建新功能,花更多时间管理团队反馈很容易.

彩色是为UI开发团队准备的. 每个人都可以通过一个共享的在线工作空间来参与UI评审过程. 留下评论,指派审查员,并跟踪执行进度. 每个活动都存在于一个地方,因此开发人员确切地知道还剩下哪些任务需要发布ui. 当您准备好合并时,这个过程是无痛的.

指派涉众审查UI


帮助您的团队找到并重用您的组件

大型组件库经常遇到扩展的挑战. 例如,复制、可搜索性和文档... 或缺乏. 这时就会出现这样的问题:“这个在哪里用过??,“这个是否已经存在。?以及“它过去是什么样子的??”

典型的部署十博体育备用网址不能解决这个问题. 他们的工作不是帮助您了解组件历史、UI更改或相互依赖.

color从故事书中提取组件,并生成一个可搜索的UI库,它可以跨分支和提交跟踪组件. 这允许您的团队查看组件如何随时间发展,并浏览现有工作以进行重用.

组件库屏幕在彩色


与股东和客户私下分享

领先的公司都有强有力的安全政策. 这意味着前端团队需要安全和私有的方法来协作进行中的工作. 但是授予协作者(技术和非技术)访问权限并不容易.

根据十博体育备用网址的研究,开发者通常有两个不值得羡慕的选择. 它们要么绕过安全策略,将故事书部署到一个可公开访问的URL, 或者自己花时间建立访问控制. The former optimizes for developer experience; the latter for security.

如果您能够拥有轻松的开发人员体验,并坚持最佳安全性实践,那会怎么样呢? chromes的安全工作区与您的版本控制服务同步权限(GitHub, Bitbucket都, GitLab). 它将故事书部署到一个仅对您的团队或被邀请者可访问的私有URL.


如何部署您的故事书

上面提到的每个服务都可以部署您的故事书. 那么哪种部署方法最适合您的前端团队? 这里有一个选项的快速分解.

彩色(由故事书维护者编写)Heroku, Netlify, Vercel, SurgeS3, GCP,数字海洋
为故事书✅是的NoNo
评论的故事✅是的NoNo
分配审稿人✅是的NoNo
组件历史和版本✅是的NoNo
访问控制同步✅是的这取决于No
集成✅来自故事书核心维护人员的频繁更新你保持你保持
CDN✅是的是的这取决于
在提交时发布故事书✅是的是的这取决于
Git工作流支持✅是的是的No
价格✅永远免费这取决于这取决于

你应该选哪个?

什么适合你的团队取决于团队规模和工作流程. 具有不同涉众的专业团队需要反馈工具, 讨论, 记录, 和UI文档.

彩色 对于大多数前端团队来说,是最好的故事书部署服务吗. 它包括一套自动化协作工具,可以帮助开发人员更快地发布ui. 与故事书的无缝集成, 持续集成服务, 和Git意味着您将花费更少的时间在操作上. 另外,它是免费的,所以你没什么可失去的.

独立开发者或少于3人的种子阶段初创公司, 可能不需要部署故事书. 小团队的沟通开销更少. 添加另一个协作工具可能会拖累生产力.

“部署到半色是很容易的. 用开箱即用的测试和协作工具托管组件.——michael Shilman, 故事书的核心维护者


你的维护预算是多少?

许多部署服务对有限的使用是免费的. 但是您仍然必须考虑正在进行的基础设施维护的成本. 添加服务会引入新的故障点,这些故障点可能会阻碍您的工作流.

通过使用chrokbook,一个由故事书专家组成的团队负责维护服务和集成. 这就降低了操作风险.


准备尝试彩色?

在确定如何部署故事书时,需要考虑很多因素. 十博体育备用网址希望本指南能够帮助您理解其中的利弊,以便您能够找到适合您用例的最佳工具.

如果你用故事书来构建产品ui,那么chromintis就很适合你. 安装插件并在几分钟内部署您的故事书到一个安全的工作空间. 免费的部署. 无需信用卡. 现在报名.

©十博体育网站
由故事书维护人员制作
友情链接: 1 2 3 4 5 6 7 8 9 10