砥砺奋进谱新篇,且看旧貌换新颜。欢迎访问新的 IBM Developer 中文网站! 了解详情

缓存 IoT 设备数据以创建基于 Carbon 的快速前端

摘要

本 Code Pattern 适用于以下开发者:希望构建快速、高效的前端来展示 IoT 设备数据的实时视图,通过使用一个 API 缓存服务器与 IBM Carbon Design System 来实现。学习如何构建一个使用 Loopback.io(与 IBM Cloudant 数据库连接)的 API 缓存 Node.js 服务器。

概览

本开发者 Code Pattern 演示了一个 API 缓存服务器,它可以存在于您的 Carbon Design System 前端和外部 API 之间,帮助您构建快、速高效的接口。本 Code Pattern 展示了一个使用 Loopback 构建的 Node.js 服务器,该服务器与应用程序前端通信,并且与 IBM Cloudant® 数据库交互,这个数据库中包含了某些外部 API 的相关信息,您的应用程序必须与这些 API 通信才能加载其 UI 组件。

学完本 Code Pattern 之后,您将掌握如何:

  • 创建 Node.js 和 Loopback.io 后端服务器
  • 使用 Loopback.io 创建 API
  • 设置 IBM Cloudant 并与 Loopback.io 交互
  • 在本地运行 IBM Cloudant

流程

本 Code Pattern 的架构图

  1. 用户通过使用 Carbon Design System 创建的前端进行API 服务器身份验证。
  2. 该前端通过 REST API 请求将数据可视化。
  3. API 服务器使用为该 API 存储的凭证向外部 API 发出请求。
  4. (4a) 如果响应正确,那么 API 服务器将接收新数据并予以缓存,然后将其发送到前端。 (4b) 如果响应错误,那么 API 服务器将检索以前缓存的 API 并将该 API 返回到前端。
  5. 在给定的时间间隔内,API 服务器会为包含相关信息的 API 集合刷新存储的数据。

操作说明

准备好行动了吗?您可以在 GitHub 代码仓库中的 README 中找到本 Code Pattern 的详细技术步骤。

本文翻译自:Cache IoT device data to create quick Carbon-based front ends(2019-11-25)