Main Content

Cette page a été traduite par traduction automatique. Cliquez ici pour voir la dernière version en anglais.

Application de plugins

Les plugins vous permettent d'utiliser HTML, CSS et JavaScript® pour afficher des visualisations et des contrôles personnalisés sur la vue privée d'un canal.

Remarque

Les plugins ne peuvent être vus que sur les vues privées d'un canal. Utilisez MATLAB® Analysis ou MATLAB Visualisations pour créer du contenu à afficher sur votre vue publique.

Créer un plug-in

  1. Sélectionnez Apps > Plugins.

  2. Cliquez sur New pour créer un nouveau plugin.

  3. Sélectionnez l'un des Templates.

    • Custom : Créez un plugin avec votre propre code.

    • Chart With Multiple Series : Créez un diagramme avec une série pour chaque champ de votre canal. Ajoutez vos modifications au code du modèle.

    • Google Gauge : Créez une jauge Google® sur la plateforme ThingSpeak™. Modifiez le code de la jauge Google pour afficher votre jauge personnalisée.

  4. Cliquez sur Create.

Options de plug-in

  • Name : Entrez un nom.

  • HTML : Saisissez le code HTML. La fenêtre HTML est la fenêtre principale de votre code de plugin. Vous pouvez séparer votre code JavaScript dans la fenêtre inférieure de la page du plugin. ThingSpeak insère le code de la section JavaScript dans le code HTML généré où vous utilisez la clé de remplacement %%PLUGIN_JAVASCRIPT%%.

  • CSS : Entrez les styles CSS.

  • JavaScript : Entrez le code JavaScript. Vous pouvez utiliser la clé de remplacement %%PLUGIN_JAVASCRIPT%% dans la section HTML. ThingSpeak remplace cette clé par votre code JavaScript.

  • Add this Visualization to a Channel : Sélectionnez les canaux pour inclure ce plugin sur leur vue privée.

  • Save : Enregistrez le plug-in.

  • Delete : Supprimez le plug-in.

  • My Channels : Cet onglet affiche ces informations sur vos canaux enregistrés :

    • Nom du canal

    • ID du canal

    • Clés d'API d'écriture et de lecture

    • Champs de canal

  • New Channel : Créez une nouvelle canal.

Lister mes plugins

JSON

Pour afficher une liste de vos plugins, envoyez un HTTP GET à

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

Paramètres valides :

  • api_key (chaîne de caractère) - clé d'API de votre compte, qui se trouve dans les paramètres de votre compte. (requis)

"Exemple"

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

La réponse est un objet JSON de vos plugins, par exemple :

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

Pour afficher une liste de vos plugins, envoyez un HTTP GET à

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

Paramètres valides :

  • api_key (chaîne de caractère) - clé d'API de votre compte, qui se trouve dans les paramètres de votre compte. (requis)

"Exemple"

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

La réponse est un objet XML de vos plugins, par exemple :

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

Sujets associés