Air Visual Card 使用教程

Air Visual Card 使用教程

air-visual-card A Lovelace card showing air quality data from airvisual.com. Requires the AirVisual component. 项目地址: https://gitcode.com/gh_mirrors/ai/air-visual-card

1、项目介绍

Air Visual Card 是一个用于 Home Assistant 的 Lovelace 卡片，它利用 AirVisual 组件或 World Air Quality Index (WAQI) 组件来提供空气质量指数 (AQI) 数据，并创建类似于 AirVisual 网站上的卡片。该项目需要 AirVisual 组件或 WAQI 组件的支持，并且已经过 Yahoo 和 Darksky Weather 的测试。

2、项目快速启动

安装步骤

1. 下载 Air Visual Card

   • 从项目仓库下载 air-visual-card.js 文件。

2. 放置文件

   • 将下载的文件放置在 Home Assistant 配置目录下的 config/www 文件夹中。

3. 配置资源

   • 在 ui-lovelace.yaml 文件的 resources 部分添加以下代码：

     resources:
       - url: /local/air-visual-card/air-visual-card.js
         type: js
     

4. 可选：本地存储图标

   • 如果希望将 AirVisual 图标存储在本地，请下载图标并将其保存在 Home Assistant 的某个目录中，例如 /local/air-visual-card。
   • 更新 ui-lovelace.yaml 中的卡片配置，添加以下内容（使用步骤 #7 中的目录名称）：

     icons: "/local/air-visual-card"
     

5. 安装 AirVisual 传感器

   • 安装 AirVisual 传感器，并确认 AQI、APL 和 Main Pollutant 传感器已创建。

6. 添加卡片

   • 在 Lovelace UI 中添加卡片，搜索 air-visual-card 并点击搜索结果。
   • 填写卡片编辑器中的相关信息。

3、应用案例和最佳实践

应用案例

• 家庭空气质量监测：通过 Air Visual Card，用户可以在 Home Assistant 的 Lovelace UI 中实时查看家中的空气质量指数，帮助用户了解空气质量状况并采取相应措施。

最佳实践

• 定期更新数据：确保 AirVisual 传感器定期更新数据，以获取最新的空气质量信息。
• 自定义图标：根据个人喜好，下载并使用自定义的空气质量图标，使卡片更加个性化。

4、典型生态项目

• Home Assistant：Air Visual Card 是 Home Assistant 生态系统的一部分，与 Home Assistant 的其他组件和卡片无缝集成。
• AirVisual 组件：Air Visual Card 依赖于 AirVisual 组件来获取空气质量数据，确保组件的正常运行是使用该卡片的前提。
• World Air Quality Index (WAQI) 组件：除了 AirVisual 组件外，Air Visual Card 还可以与 WAQI 组件配合使用，提供更广泛的空气质量数据。

通过以上步骤，您可以快速启动并使用 Air Visual Card，实现家庭空气质量的实时监测。

air-visual-card A Lovelace card showing air quality data from airvisual.com. Requires the AirVisual component. 项目地址: https://gitcode.com/gh_mirrors/ai/air-visual-card