我们非常高兴地在 ProtoPie Connect 中推出一项激动人心的功能:API 插件现已上线!
现在,您可以轻松将原型连接到数据库和 API,把真实数据引入您的 ProtoPie 项目,反之亦然。
最棒的是什么?您无需担心编写代码。我们的 API 插件会为您完成所有工作——无论是向 API 发送数据还是从 API 获取数据,都能无缝地将其带入您的原型中。
全新的 API 插件面向 Pro 和 Enterprise 方案用户开放。对于使用Enterprise 方案的团队,还有一项额外优势——您可以同时连接多个 API。

直播网络研讨会:在 ProtoPie 中使用真实数据进行设计——API 插件深度解析。
📣 欢迎在 9 月 19 日(星期二)参加我们的独家网络研讨会,我们将带您了解将原型连接到数据库和 API 的简单流程。
通过展示一系列真实世界示例,我们将揭示 API 插件如何提升并激活您的设计流程。
API 插件如何增强您的工作流
API 插件让设计团队能够轻松发起 API 请求(GET 或 POST),并与任何类型的 API 建立双向连接:
公共 API:涵盖大量热门服务,包括 Spotify、OpenWeatherMap、YouTube、ChatGPT、实时比分等。
内部 API:与您组织内部的系统和服务无缝连接。
例如,您现在可以将 ProtoPie 原型连接到任意天气 API,并根据特定位置动态显示准确、实时的天气更新。

在 ProtoPie Connect 中使用 API 插件连接 OpenWeather One Call API。
如何在 ProtoPie 中发起 API 请求
连接 API 仅限 Enterprise 方案且需要在 ProtoPie Connect 中编写代码和自定义插件的时代已经过去。现在,有了 API 插件,任何 Pro 或 Enterprise 方案用户都可以轻松发起 API 请求!
配置 API 设置
您必须输入有效的 API URL,才能通过 API 插件连接到 API。该 URL 是访问 API 服务的网关。
如果 API 需要更多信息来处理请求,您可以在 API URL 之外附加 Header 和 Body。可以把它们理解为随请求附带的额外说明。
Header必须采用 JSON {} 格式,但Body不一定始终需要遵循 JSON {} 格式。如果 API 有要求,您可以将Body以 JSON {} 格式输入。
您可以参考所选 API 的在线文档来找到正确的 API URL 以及所需参数。文档会指导您如何正确设置,以实现成功通信。

在 ProtoPie Connect 的 API 插件中配置 API 设置。
通过 Send 和 Receive 消息进行连接
在 ProtoPie 中,API 请求通过您在ProtoPie Studio中配置的 Send 消息发起。
当您在 ProtoPie Connect 中打开原型时,API 插件会自动检测其中的消息。这些消息会显示在“Message from Pie”菜单中,便于您在 API 插件中轻松选择。

自动检测原型中的消息。
通过我们的ProtoPie Connect 完整指南,了解更多在 ProtoPie Connect 中设置 Send & Receive 消息的方法。
激活的 API 会返回响应,并将其发送回原型,在那里可用于触发操作。要在原型中使用 API 的输出,您需要使用 Receive 触发器,并在 ProtoPie Studio 中将该值分配给文本变量。

在 ProtoPie Studio 中将 API 数据分配给文本变量。
从 API 获取并存储在变量中的信息,可以通过 ProtoPie Studio 中的响应重复使用。Text 响应结合 parseJson 公式非常适合处理 API 输出(其通常为 JSON 格式)。值得一提的是,虽然许多 API 以 JSON 响应,但并非全部如此。API 插件只是原样传递它收到的任何响应——只是如今大多数 API 恰好都返回 JSON。
例如,如果您在 ProtoPie Connect 中打开这个原型,并按照其 Information 部分的说明设置 API 插件,您会发现当您使用切换开关选择选项时,原型会向Useless Facts发起 API 请求。随后,原型会在屏幕上显示从 Useless Facts API 获取的信息。

原型显示从 Useless Facts API 获取的数据。
查看我们的分步指南,了解如何在 ProtoPie Connect 中使用 API 插件发起 API 请求。
使用消息值覆盖参数
“override API URL/Header/Body with message value” 选项允许您使用从原型发送的消息值,动态覆盖 API 的 URL 或 Header/Body 参数。
当您需要多次调用同一个 API,但 URL 或 Header/Body 值各不相同时,这项功能非常实用。
在这个示例原型中,我们使用了该功能,用 Pie 文件中发送的消息值覆盖 API URL。因此,当您在搜索框中输入城市时,您将看到该城市的精确天气信息。

使用 Send 消息中的值覆盖 API URL。
同时运行多个 API 请求
仅限 Enterprise 功能
使用Enterprise 方案的团队可在 API 插件中灵活地同时执行多个 API 请求。这一能力使您能够将原型同时连接到多个 API,从而增强真实数据原型设计。

在 ProtoPie Connect 中同时发起多个 API 请求。
ProtoPie API 插件让您能够将真实、动态的数据注入设计,使原型在真实感和功能性上迈向全新层级。创建交互式、数据驱动的原型,以最真实的形式呈现您的愿景。
借助 ProtoPie 强大的原型能力提升您的设计
ProtoPie 是能够将您的原型推向新高度的终极工具。通过融入真实交互,释放设计潜力,让利益相关者和观众赞叹不已。
立即免费试用,体验 ProtoPie 的前沿功能。





