Esempi di widget personalizzati per un pannello di controllo CloudWatch - Amazon CloudWatch

Esempi di widget personalizzati per un pannello di controllo CloudWatch

AWS fornisce widget personalizzati di esempio sia in JavaScript che in Python. Puoi creare questi widget di esempio utilizzando il link per ciascun widget in questo elenco. In alternativa, puoi creare e personalizzare un widget utilizzando la console CloudWatch. I collegamenti in questo elenco aprono una console AWS CloudFormation e utilizzano un collegamento di creazione rapida CloudFormation per creare il widget personalizzato.

Puoi anche accedere agli esempi di widget personalizzati su GitHub.

Dopo questo elenco, vengono mostrati esempi completi del widget Echo per ogni lingua.

JavaScript
Esempio di widget personalizzati in JavaScript
  • Echo: un eco di base che puoi utilizzare per verificare come viene visualizzato HTML in un widget personalizzato, senza dover scrivere un nuovo widget.

  • Hello World: un widget di avvio molto semplice.

  • Custom widget debugger (Debugger del widget personalizzato): un widget di debug che visualizza informazioni utili sull'ambiente runtime Lambda.

  • Query CloudWatch Logs Insights: consente di eseguire e modificare le query di CloudWatch Logs Insights.

  • Run Amazon Athena queries (Esegui query di Amazon Athena): consente di eseguire e modificare le query Athena.

  • Call AWS API (Chiama API): – Chiama qualsiasi API AWS di sola lettura e visualizza i risultati in formato JSON.

  • Fast CloudWatch bitmap graph (Grafico bitmap CloudWatch rapido): esegue il rendering dell'uso dei grafici CloudWatch lato server, per una visualizzazione rapida.

  • Text widget from CloudWatch dashboard (Widget di testo dal pannello di controllo CloudWatch): visualizza il primo widget di testo dal pannello di controllo CloudWatch specificato.

  • CloudWatch metric data as a table (Dati dei parametri di CloudWatch come tabella): visualizza i dati dei parametri non elaborati di CloudWatch in una tabella.

  • Amazon EC2 table (Tabella Amazon EC2): visualizza le principali istanze EC2 in base all'utilizzo della CPU. Questo widget include anche un pulsante Reebot (Riavvia), che è disabilitato per impostazione predefinita.

  • AWS CodeDeploy implementazioni: visualizza le implementazioni CodeDeploy.

  • AWS Cost Explorer report: visualizza un report sul costo di ogni servizio AWS per un intervallo di tempo selezionato.

  • Display content of external URL (Visualizza il contenuto dell'URL esterno): visualizza il contenuto di un URL accessibile esternamente.

  • Display an Amazon S3 object (Visualizza un oggetto Amazon S3): visualizza un oggetto in un bucket Amazon S3 nel tuo account.

  • Simple SVG pie chart (Semplice grafico a torta SVG): esempio di widget grafico basato su SVG.

Python
Esempio di widget personalizzati in Python
  • Echo: un eco di base che puoi utilizzare per verificare come viene visualizzato HTML in un widget personalizzato, senza dover scrivere un nuovo widget.

  • Hello World: un widget di avvio molto semplice.

  • Custom widget debugger (Debugger del widget personalizzato): un widget di debug che visualizza informazioni utili sull'ambiente runtime Lambda.

  • Call AWS API (Chiama API): – Chiama qualsiasi API AWS di sola lettura e visualizza i risultati in formato JSON.

  • Fast CloudWatch bitmap graph (Grafico bitmap CloudWatch rapido): esegue il rendering dell'uso dei grafici CloudWatch lato server, per una visualizzazione rapida.

  • Send dashboard snapshot by email (Invia snapshot del pannello di controllo tramite e-mail): scatta uno snapshot del pannello di controllo corrente e invialo ai destinatari dell'e-mail.

  • Send dashboard snapshot to Amazon S3 (Invia snapshot del pannello di controllo ad Amazon S3): scatta uno snapshot del pannello di controllo corrente e archivialo in Amazon S3.

  • Text widget from CloudWatch dashboard (Widget di testo dal pannello di controllo CloudWatch): visualizza il primo widget di testo dal pannello di controllo CloudWatch specificato.

  • Display content of external URL (Visualizza il contenuto dell'URL esterno): visualizza il contenuto di un URL accessibile esternamente.

  • RSS reader (Lettore RSS): visualizza i feed RSS.

  • Display an Amazon S3 object (Visualizza un oggetto Amazon S3): visualizza un oggetto in un bucket Amazon S3 nel tuo account.

  • Simple SVG pie chart (Semplice grafico a torta SVG): esempio di widget grafico basato su SVG.

Widget Echo in JavaScript

Di seguito è riportato il widget di esempio Echo in JavaScript.

const DOCS = ` ## Echo A basic echo script. Anything passed in the \`\`\`echo\`\`\` parameter is returned as the content of the custom widget. ### Widget parameters Param | Description ---|--- **echo** | The content to echo back ### Example parameters \`\`\` yaml echo: <h1>Hello world</h1> \`\`\` `; exports.handler = async (event) => { if (event.describe) { return DOCS; } let widgetContext = JSON.stringify(event.widgetContext, null, 4); widgetContext = widgetContext.replace(/</g, '&lt;'); widgetContext = widgetContext.replace(/>/g, '&gt;'); return `${event.echo || ''}<pre>${widgetContext}</pre>`; };

Widget Echo in Python

Di seguito è riportato il widget di esempio Echo in Python.

import json DOCS = """ ## Echo A basic echo script. Anything passed in the ```echo``` parameter is returned as the content of the custom widget. ### Widget parameters Param | Description ---|--- **echo** | The content to echo back ### Example parameters ``` yaml echo: <h1>Hello world</h1> ```""" def lambda_handler(event, context): if 'describe' in event: return DOCS echo = event.get('echo', '') widgetContext = event.get('widgetContext') widgetContext = json.dumps(widgetContext, indent=4) widgetContext = widgetContext.replace('<', '&lt;') widgetContext = widgetContext.replace('>', '&gt;') return f'{echo}<pre>{widgetContext}</pre>'

Widget Echo in Java

Di seguito è riportato il widget di esempio Echo in Java.

package example; import com.amazonaws.services.lambda.runtime.Context; import com.amazonaws.services.lambda.runtime.RequestHandler; import com.google.gson.Gson; import com.google.gson.GsonBuilder; public class Handler implements RequestHandler<Event, String>{ static String DOCS = "" + "## Echo\n" + "A basic echo script. Anything passed in the ```echo``` parameter is returned as the content of the custom widget.\n" + "### Widget parameters\n" + "Param | Description\n" + "---|---\n" + "**echo** | The content to echo back\n\n" + "### Example parameters\n" + "```yaml\n" + "echo: <h1>Hello world</h1>\n" + "```\n"; Gson gson = new GsonBuilder().setPrettyPrinting().create(); @Override public String handleRequest(Event event, Context context) { if (event.describe) { return DOCS; } return (event.echo != null ? event.echo : "") + "<pre>" + gson.toJson(event.widgetContext) + "</pre>"; } } class Event { public boolean describe; public String echo; public Object widgetContext; public Event() {} public Event(String echo, boolean describe, Object widgetContext) { this.describe = describe; this.echo = echo; this.widgetContext = widgetContext; } }