插件 App

本页采用了机器翻译。点击此处可查看英文原文。

插件使您能够使用 HTML、CSS 和 JavaScript^® 在通道的私有视图上显示自定义可视化和控件。

注意

插件仅在通道的私有视图上可见。使用 MATLAB^® 分析或 MATLAB 可视化来创建内容以在公共视图中显示。

创建插件

选择 Apps > Plugins。
点击 New 创建一个新插件。
选择其中一个 Templates。
- Custom：使用您自己的代码创建一个插件。
- Chart With Multiple Series：为您通道中的每个字段创建一个包含一系列的图。将您的修改添加到模板代码中。
- Google Gauge：在 ThingSpeak™ 平台上创建一个 Google^® 仪表。修改 Google 仪表代码以显示您的自定义仪表。
点击 Create。

插件选项

Name：请输入名称。
HTML：输入 HTML 代码。HTML 窗口是插件代码的主窗口。您可以将 JavaScript 代码分离到插件页面的底部窗口中。ThingSpeak 将 JavaScript 部分中的代码插入到生成的 HTML 中，您可以在其中使用替换密钥 %%PLUGIN_JAVASCRIPT%%。
CSS：输入 CSS 样式。
JavaScript：输入 JavaScript 代码。您可以在 HTML 部分中使用替换密钥 %%PLUGIN_JAVASCRIPT%%。ThingSpeak 用您的 JavaScript 代码替换此键。
Add this Visualization to a Channel：选择通道将此插件包含在其私有视图中。
Save：保存插件。
Delete：删除插件。
My Channels：此选项卡显示有关您保存的通道的信息：
- 通道名称
- 通道 ID
- 写入和读取 API 密钥
- 通道字段
New Channel：创建新通道。

JSON

要查看插件列表，请发送 HTTP GET 至

https://api.thingspeak.com/apps/plugins.json?api_key=XXXXXXXXXXXXXXXX

有效参数：

api_key（字符串）- 您的帐户 API 密钥，可在您的帐户设置中找到。（必填）

示例

GET https://api.thingspeak.com/apps/plugins.json?api_key=XXXXXXXXXXXXXXXX

响应是您的插件的 JSON 对象，例如：

[
    {
      "id": 8,
      "name": "google gauge",
      "created_at": "2014-01-05T16:35:26-05:00",
      "public_flag": false,
      "username": "iothans",
      "url": "https://thingspeak.com/apps/plugins/8"
    },
    {
      "id": 13,
      "name": "Plugin 13",
      "created_at": "2014-10-09T14:45:31-04:00",
      "public_flag": false,
      "username": "iothans",
      "url": "https://thingspeak.com/apps/plugins/13"
    }
  ]

XML

要查看插件列表，请发送 HTTP GET 至

https://api.thingspeak.com/apps/plugins.xml?api_key=XXXXXXXXXXXXXXXX

有效参数：

api_key（字符串）- 您的帐户 API 密钥，可在您的帐户设置中找到。（必填）

示例

GET https://api.thingspeak.com/apps/plugins.xml?api_key=XXXXXXXXXXXXXXXX

响应是您的插件的 XML 对象，例如：

<response>
  <pagination>
    <current-page type="WillPaginate::PageNumber">1</current-page>
    <per-page type="integer">15</per-page>
    <total-entries type="integer">2</total-entries>
  </pagination>
  <plugins type="array">
    <plugin>
      <id type="integer">8</id>
      <name>google gauge</name>
      <created-at type="dateTime">2014-01-05T16:35:26-05:00</created-at>
      <public-flag type="boolean">false</public-flag>
      <username>iothans</username>
      <url>https://thingspeak.com/apps/plugins/8</url>
    </plugin>
    <plugin>
      <id type="integer">13</id>
      <name>Plugin 13</name>
      <created-at type="dateTime">2014-10-09T14:45:31-04:00</created-at>
      <public-flag type="boolean">false</public-flag>
      <username>iothans</username>
      <url>https://thingspeak.com/apps/plugins/13</url>
    </plugin>
  </plugins>
</response>

另请参阅

主题

通道显示小组件