Main Content

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

插件 App

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

注意

插件只能在通道的私有视图中看到。使用 MATLAB® 分析或 MATLAB 可视化来创建要在公共视图上显示的内容。

创建一个插件

  1. 选择Apps > Plugins

  2. 点击 New 创建一个新插件。

  3. 选择 Templates 之一。

    • Custom:使用您自己的代码创建一个插件。

    • Chart With Multiple Series:为您的通道中的每个字段创建一个包含系列的图表。将您的修改添加到模板代码中。

    • Google Gauge:在 ThingSpeak™ 平台上创建 Google® 仪表。修改 Google 仪表代码以显示您的自定义仪表。

  4. 点击 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:此选项卡显示有关您保存的通道的以下信息:

    • 通道名称

    • 通道号

    • 写入和读取 API 密钥

    • 通道字段

  • New Channel:创建一个新通道。

列出我的插件

JSON

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

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

有效参数:

  • api_key(字符串)- 您的帐户 API 密钥,可以在您的帐户设置中找到。 (必需的)

Example

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 (string) - 您的帐户 API 密钥,可以在您的帐户设置中找到。 (必需的)

Example

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>

相关主题