插件 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:此选项卡显示有关您保存的通道的以下信息:
通道名称
通道号
写入和读取 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>