为什么 Mason 和前端即服务将成为产品开发的游戏规则改变者

（这是一篇赞助文章。）查看您定期与之交互的应用程序和软件。 每个都有自己独特的设计，对吧？ 然而，他们每个人都有相似之处。 导航栏、联系表格、功能框、CTA——无论你走到哪里，都会出现某些元素。

这是因为这些元素在用户如何与您构建的产品互动方面发挥着至关重要的作用。 从用户的角度来看，这是一件好事。 通过在应用程序的前端结构中包含这些可识别和可预测的元素，用户的注意力将集中在它们面前的内容上； 而不是试图解开 UI 的奥秘。

但是，从软件开发人员的角度来看，这是一种痛苦。 您知道产品中需要包含哪些类型的组件。 但是，直到现在，您不得不一次又一次地从头开始构建它们。 更糟糕的是，任何时候需要更新某些东西，它都会依赖您来实施更新并将其推送到实时站点——而且您通常没有足够的带宽来立即进行这些更改。

这就是 Mason 使用前端即服务 (FEaaS) 所做的事情如此有趣的原因。 在本文中，我将详细介绍 FEaaS，它适用于谁，以及为什么用它来授权产品和营销团队很重要。

什么是 FEaaS？

您知道什么是软件即服务 (SaaS)。 但是您听说过软件组件即服务 (SCaaS) 吗？

几年前，围绕 SCaaS 有一些轻微的抱怨。 基本思想是您可以为您的软件创建和轻松维护可重用的 UI 组件和小部件。 然而，它从未真正流行起来——这可能是因为它对开发人员所做的事情过于严格。

但是，使用 FEaaS，您可以获得更有价值和更强大的解决方案。 从本质上讲，Mason 的前端即服务解决方案使您能够快速有效地构建软件的视觉方面和功能。

这意味着您正在构建复杂的功能并使它们与 API 对话。 可以在此处找到连接到 Airtable 作为数据源的不同设计的复杂表单的示例。

更重要的是，您使用 Mason 构建的每个功能都与您的产品的其他部分存在于相同的代码库中。 让我们看一下使用 Mason 制作的可定制的基于 Apixu 的聊天机器人：

这是我使用 Mason 模板为电子书赠品创建的英雄横幅：

别搞错了：这不是网站建设者。 Mason 使您和您的团队能够构建单独的组件和功能齐全的功能； 不是整个托管网站或产品。 这样，您就不再受到站点构建器解决方案功能的限制。

您可以在您选择的工具中构建您的网站、应用程序或其他软件产品。 然后，从 Mason 设计和导出真正复杂的功能，以集成到您的代码库中。 需要指出的是，与将您和您的客户数据锁定在其中的平台不同，Mason 允许产品团队扩充他们当前的产品并拥有一切（不像某些网站建设者拥有您的整个网站和业务）。

梅森适合谁？

使用 Mason，您应该已经拥有一个完全开发的软件产品，或者至少拥有一个构建它的解决方案。 Mason 是您将用来为您的产品构建和设计特性（及其功能）的工具——而且这样做很容易（即无需编码）。

然后，这些功能将是独立的，并在可以使用时放入产品中。

至于 Mason 的实际目标人群，Mason 的首席执行官 Tom McLaughlin 解释说：

“今天，整个产品都存在于代码库中，因此它仅成为工程团队的事实上的领域，尽管构成该产品的许多功能可以在地球上的所有其他代码库中找到——它们只是不是那么独特。 Mason 让您的产品团队可以更快地构建这些通用功能，但更重要的是，让组织中的任何人——无论技术与否——都可以管理它们，即使它们已经投入生产。”

你的产品团队——你的软件开发人员和设计师——将使用 Mason 来构建你的软件。 但是，您的营销和内容团队将能够在部署后更新您在 Mason 中构建的功能，而无需等待工程部门部署每个新的编辑或调整。

这意味着前端功能的维护不再完全依赖于开发人员。 您团队中的任何人（设计师、营销人员、内容创建者等）都可以使用 Mason 的 FEaaS 平台来构建和更新您的软件功能。

因此，您不仅可以更有效地为您的产品构建强大的功能，而且您的团队可以实时部署更新，而不是让它们堆积在您的开放工单列表中。

为什么 FEaaS 很重要

您的软件开发、部署或更新计划过去是否因（尽管完全可以理解）软件开发人员的瓶颈而受到影响？ 如果是这样，那么 FEaaS 对您来说应该是一个梦想。

直到现在，软件工程师真的没有其他选择。 如果您想为 Web 构建产品，那么一切都必须从头开始构建，并且您需要花费大量时间才能做到这一点，尤其是在您的目标本质上更复杂的情况下。 一直以来，您团队的其他成员都在等待您尽自己的一份力量。

随着 Mason 领导其 FEaaS 解决方案，我想看看它的功能将如何彻底改变您的产品开发工作流程。

直观地设计 UI 组件

FEaaS 将工程师和开发人员从产品的代码库中带入可视化构建界面。 因此，您可以准确地看到正在构建的内容，而无需在代码和部署后的视觉预览之间来回切换。

使用 Mason 的可视化构建器，您可以使用包含容器、列、层和预配置元素（如文本、表单字段、按钮等）的系统来设计复杂但必不可少的 UI 组件。

与其他现代构建器工具的工作方式类似，有大量选项可帮助您完成更多工作，而无需编写一行代码。 由于桌面、移动和平板视图之间的便捷切换，响应式设计也没有问题。

此外，Mason 附带一个功能齐全的 UI 工具包，其中包括用于最常见 UI 组件的各种模板。 或者您可以手动选择您需要的：

特色卡。 登录屏幕。 博客内容块。 英雄形象。 号召性用语按钮。 已经为您构建了让访问者与您的产品互动并采取行动所需的所有核心组件。

如果您厌倦了在您构建的每个产品中从头开始创建它们，这些模板将是一个巨大的帮助。 正如您可以想象的那样，能够以这种方式设计和定制产品组件将大大提高您团队的生产力。

更快地构建组件和功能

现在，能够以可视方式设置组件样式只是使用 Mason 等 FEaaS 平台的好处之一。 正如您所料，这样的工具是为提高速度而制造的。

就实际使用 Mason 而言，它是一个加载速度非常快的工具——这对于那些在过去浪费时间等待工具启动、保存更改或从一个视图移动到另一个视图的人来说非常有价值。

就它如何影响您的工作流程而言，期望在那里也能提高速度。

使用 Mason builder，您可以：

• 通过简单的拖放操作添加新的容器、列、行、内容块或自定义编码元素：

• 使用此可视化的元素层次结构查看、编辑、复制、移动或删除组件的层：

• 被简化的不仅仅是 UI 设计部分。 您也可以通过 API 轻松地将您的组件连接到其他来源。

Mason 的“配置”选项卡使您能够快速与其他应用程序集成，例如：

• 权威
• Facebook
• 中心点
• 条纹
• 特维利奥
• 和更多。

因此，假设您想出售在您的英雄横幅中宣传的电子书，而不是仅仅用它来收集潜在客户。 您要做的第一件事是设置 Stripe 集成。

您只需要来自 Stripe 的开发者仪表板的 Publishable 和 Secret 密钥：

然后，将每个键输入到 Mason 的相应字段中：

返回“设计”选项卡并将信用卡表单元素拖到组件中。

将表单添加到页面后，需要采取最后一步来设置此集成。

返回配置选项卡。 您现在将在侧边栏上看到一个名为“表单”的新选项：

您可以看到所有相关的详细信息都已添加到此处，并且已经与您的表单建立了联系。

同样，如果软件工程师要从头开始构建组件，通常需要一段时间才能完成的事情，Mason 做了一些轻松的工作。 相反，您现在拥有为您的产品快速设计和编程新功能所需的所有工具。

轻松部署新功能

可以肯定的是，能够快速设计新功能对产品团队来说很重要。 但是，这仍然不能解决部署问题。

瓶颈可能出现在产品开发的各个阶段。 而且，当您构建的软件如此复杂以至于只有工程师才能轻松启动或部署更新时，您只能期待管道中的进一步延迟。

梅森为此开发了一个解决方案。 首先，将组件发布到 Mason 的库是轻而易举的事。 只需单击构建器右上角的“发布”按钮，Mason 就会完成其余的工作。

但是，要将组件放入您的产品或应用程序中，开发人员需要参与其中——但仅此一次，并且不应超过五分钟。

为此，请使用构建器右上角的“< > Deploy”按钮。 然后它将提示您执行以下操作：

本质上，您所做的是获取 Mason 为您构建的功能创建的唯一标识符并将其添加到您的代码库中。 正确设置后，您的产品将调用 Mason API 以在应用端呈现组件。 网站前端的那些人也不会更聪明。

推送一个新组件及其所有功能就这么简单。

授权每个人进行更改和推送更新

我在这里就 FEaaS 的好处提出的所有观点都围绕着这个最终的——也是巨大的——好处，这就是：

FEaaS 使每个人都可以更改功能并将其推送到实时应用程序。

想一想。

您的团队花了多少时间等待工程师实施他们需要的更改？ 这在阻碍您的应用吸引和转化访问者的能力方面起到了什么作用？ 没有令人印象深刻的用户界面，没有正常运行的功能，没有迫使访问者采取行动所需的所有关键元素。

您最终会通过将软件作为人质来花费企业资金。 到目前为止，这是软件产品团队无法提供帮助的事情。 这只是他们工作的性质。 但是随着 Mason 的 FEaaS，这最终改变了。

一旦您 (1) 发布了您的组件并 (2) 将其部署到您的应用程序，该功能将出现在您的产品中。 但是，假设需要对其进行更改。 例如：

• 您的设计师想要更改表单的样式以反映改进后的登录页面设计。
• 您的营销经理有一个新的品牌形象，需要替换主页主形象。
• 您的编辑已决定调整最新潜在客户报价的措辞，并希望更新 CTA。

谁进入 Mason builder 来更改组件并不重要。 第二次发生时，构建器右上角的褪色“已保存”按钮变为绿色的“转到发布”按钮。

你猜怎么着？ 无需技术经验即可单击它。

Mason 负责发布和部署更改，因此只要您的应用程序和 Mason 之间已经建立连接，这些更新应该立即上线供访问者查看。

如果你和你的产品团队被一连串的票困住，要求你构建新组件或调整现有组件，这将有效地阻止这种情况。

包起来

为网络构建产品的美妙之处之一是，有人总是在开发一种新方法来帮助我们完成更多工作，同时减少工作量。

对于软件应用程序，一般来说，它已经很长时间了。 值得庆幸的是，FEaaS 就在这里，看起来 Mason 已经开发出一种非常有价值的工具来加速软件开发，提高输出，并让更多的团队成员参与进来。