Main Content

Questa pagina è stata tradotta con la traduzione automatica. Fai clic qui per vedere l’originale in inglese.

Applicazione plugin

I plugin ti consentono di utilizzare HTML, CSS e JavaScript® per visualizzare visualizzazioni e controlli personalizzati nella vista privata di un canale.

Nota

I plugin possono essere visualizzati solo nelle visualizzazioni private di un canale. Utilizza l'analisi MATLAB® o le visualizzazioni MATLAB per creare contenuti da visualizzare nella visualizzazione pubblica.

Crea un plugin

  1. Seleziona Apps > Plugins.

  2. Fai clic su New per creare un nuovo plugin.

  3. Seleziona uno dei Templates.

    • Custom: Crea un plugin con il tuo codice.

    • Chart With Multiple Series: Crea un grafico con una serie per ogni campo nel tuo canale. Aggiungi le tue modifiche al codice del modello.

    • Google Gauge: Crea un indicatore Google® sulla piattaforma ThingSpeak™ . Modifica il codice dell'indicatore Google per visualizzare il tuo indicatore personalizzato.

  4. Fare clic su Create.

Opzioni del plugin

  • Name: Inserisci un nome.

  • HTML: Inserisci il codice HTML. La finestra HTML è la finestra principale del codice del plugin. Puoi separare il tuo codice JavaScript nella finestra in basso nella pagina del plugin. ThingSpeak inserisce il codice dalla sezione JavaScript nell'HTML generato dove utilizzi la chiave sostitutiva %%PLUGIN_JAVASCRIPT%%.

  • CSS: Inserisci gli stili CSS.

  • JavaScript: Inserisci il codice JavaScript . Puoi utilizzare la chiave sostitutiva %%PLUGIN_JAVASCRIPT%% nella sezione HTML . ThingSpeak sostituisce questa chiave con il tuo codice JavaScript .

  • Add this Visualization to a Channel: Seleziona i canali per includere questo plug-in nella loro visualizzazione privata.

  • Save: Salva il plug-in.

  • Delete: Elimina il plug-in.

  • My Channels: Questa scheda mostra queste informazioni sui canali salvati:

    • Nome del canale

    • Canale ID

    • Scrivi e leggi le chiavi API

    • Campi canale

  • New Channel: Crea un nuovo canale.

Elenca i miei plugin

JSON

Per visualizzare un elenco dei tuoi plugin, invia un HTTP GET a

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

Parametri validi:

  • api_key (stringa) - La chiave API del tuo account, che puoi trovare nelle impostazioni dell'account. (necessario)

"Esempio"

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

La risposta è un oggetto JSON dei tuoi plugin, ad esempio:

[
    {
      "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

Per visualizzare un elenco dei tuoi plugin, invia un HTTP GET a

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

Parametri validi:

  • api_key (stringa) - La chiave API del tuo account, che puoi trovare nelle impostazioni dell'account. (necessario)

"Esempio"

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

La risposta è un oggetto XML dei tuoi plugin, ad esempio:

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

Argomenti complementari