Muestras de widgets personalizados

AWS proporciona widgets personalizados de muestra tanto en JavaScript como en Python. Puede crear estos widgets de muestra con el enlace para cada widget de esta lista. De forma alternativa, puede crear y personalizar un widget mediante la consola de CloudWatch. Los enlaces en esta lista abren una consola de AWS CloudFormation y usan un enlace de creación rápida de AWS CloudFormation para crear el widget personalizado.

También puede acceder a las muestras de widget personalizados en GitHub.

Si sigue esta lista, se verán ejemplos completos del widget Echo para cada idioma.

JavaScript

Widgets personalizados de muestra en JavaScript

• echo: un echo básico que puede utilizar para probar cómo aparece HTML en un widget personalizado, sin tener que ingresar un widget nuevo.

• Hello world: un widget de inicio muy básico.

• Custom widget debugger (Widget personalizado para depuración): un widget de depuración que muestra información útil sobre el entorno en tiempo de ejecución de Lambda.

• Query CloudWatch Logs Insights (Consultas de CloudWatch Logs): ejecute y edite las consultas de CloudWatch Logs Insights.

• Run Amazon Athena queries (Ejecutar las consultas de Amazon Athena): ejecute y edite consultas de Athena.

• Llamada a la API de AWS: llame a cualquier API de AWS de solo lectura y muestre los resultados en formato JSON.

• Fast CloudWatch bitmap graph (Gráfico rápido de mapa de bits de CloudWatch): ejecute los gráficos de CloudWatch en el servidor para una visualización rápida.

• Text widget from CloudWatch dashboard (Widget de texto desde el panel de CloudWatch): muestra el primer widget de texto del panel de CloudWatch que se especifique.

• CloudWatch metric data as a table (Datos métricos de CloudWatch como tabla): muestra en una tabla los datos sin procesar de métricas de CloudWatch.

• Amazon EC2 table (Tabla de Amazon EC2): muestra las instancias EC2 principales en función del uso de la CPU. Este widget también incluye un botón de reinicio que está desactivado de forma predeterminada.

• Implementaciones de AWS CodeDeploy: muestra las implementaciones de CodeDeploy.

• Informe de AWS Cost Explorer: muestra un informe sobre el costo de cada servicio de AWS para el intervalo de tiempo que se seleccione.

• Display content of external URL (Visualización del contenido de la URL externa): muestra el contenido de una URL a la que se accede de manera externa.

• Display an Amazon S3 object (Visualización de un objeto de Amazon S3): muestra un objeto en un bucket de Amazon S3 en su cuenta.

• Simple SVG pie chart (Gráfico circular SVG simple): ejemplo de un widget gráfico basado en SVG.

Python

Widgets personalizados de muestra en Python

• Echo: un echo básico que se puede utilizar para probar cómo aparece HTML en un widget personalizado, sin tener que ingresar un widget nuevo.

• Hello world: un widget de inicio muy básico.

• Custom widget debugger (Widget personalizado para depuración): un widget de depuración que muestra información útil sobre el entorno en tiempo de ejecución de Lambda.

• Llamada a la API de AWS: llame a cualquier API de AWS de solo lectura y muestre los resultados en formato JSON.

• Fast CloudWatch bitmap graph (Gráfico rápido de mapa de bits de CloudWatch): ejecute los gráficos de CloudWatch con el servidor para una visualización rápida.

• Send dashboard snapshot by email (Envío de una instantánea del panel por email): tome una instantánea del panel actual y envíela a los destinatarios por email.

• Send dashboard snapshot to Amazon S3 (Envío de una instantánea del panel a Amazon S3): tome una instantánea del panel actual y guárdela en Amazon S3.

• Text widget from CloudWatch dashboard (Widget de texto desde el panel de CloudWatch): muestra el primer widget de texto del panel de CloudWatch que se especifique.

• Display content of external URL (Visualización del contenido de la URL externa): muestra el contenido de una URL a la que se accede de manera externa.

• RSS reader (Lector RSS): muestra fuentes RSS.

• Display an Amazon S3 object (Visualización de un objeto de Amazon S3): muestra un objeto en un bucket de Amazon S3 en su cuenta.

• Simple SVG pie chart (Gráfico circular SVG simple): ejemplo de un widget gráfico basado en SVG.

Widget Echo en JavaScript

El siguiente es el widget Echo de muestra en 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 en Python

El siguiente es el widget Echo de muestra en 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 en Java

El siguiente es el widget Echo de muestra en 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;
    }
}