插件 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>