Inicio rápido: Biblioteca cliente de Azure Queue Storage v12 para JavaScript
Empiece a usar la biblioteca cliente de Azure Queue Storage v12 para JavaScript. Azure Queue Storage es un servicio para almacenar gran cantidad de mensajes para su posterior recuperación y procesamiento. Siga estos pasos para instalar el paquete y probar el código de ejemplo para realizar tareas básicas.
Use la biblioteca cliente de Azure Queue Storage v12 para JavaScript para realizar las siguientes operaciones:
- Creación de una cola
- Adición de mensajes a una cola
- Lectura de los mensajes de una cola
- Eliminación de un mensaje de una cola
- mensajes de una cola
- Eliminación de mensajes de una cola
- Eliminación de una cola
Recursos adicionales:
Prerrequisitos
- Una suscripción a Azure: cree una cuenta gratuita
- Una cuenta de Azure Storage: cree una cuenta de almacenamiento
- Node.js actual del sistema operativo.
Instalación
Esta sección le guía a través del proceso de preparación de un proyecto para que funcione con la biblioteca cliente de Azure Queue Storage v12 para JavaScript.
Creación del proyecto
Cree una aplicación de Node.js denominada queues-quickstart-v12.
En una ventana de la consola (como cmd, PowerShell o Bash), cree un directorio para el proyecto.
mkdir queues-quickstart-v12Cambie al directorio
queues-quickstart-v12recién creado.cd queues-quickstart-v12Cree un nuevo archivo de texto denominado
package.json. Este archivo define el proyecto de Node.js. Guarde este archivo en el directorioqueues-quickstart-v12. Este es el contenido del archivo json:{ "name": "queues-quickstart-v12", "version": "1.0.0", "description": "Use the @azure/storage-queue SDK version 12 to interact with Azure Queue storage", "main": "queues-quickstart-v12.js", "scripts": { "start": "node queues-quickstart-v12.js" }, "author": "Your Name", "license": "MIT", "dependencies": { "@azure/storage-queue": "^12.0.0", "@types/dotenv": "^4.0.3", "dotenv": "^6.0.0" } }Puede poner su propio nombre en el campo
author, si lo desea.
Instalar el paquete
En el directorio queues-quickstart-v12, instale el paquete de la biblioteca cliente de Azure Queue Storage para JavaScript mediante el comando npm install.
npm install
Este comando lee el archivo package.json e instala el paquete de la biblioteca cliente de Azure Queue Storage v12 para JavaScript y todas las bibliotecas de las que depende.
Instalación del marco de la aplicación
Desde el directorio del proyecto:
Abra otro nuevo archivo de texto en el editor de código.
Agregue llamadas
requirepara cargar los módulos de Azure y Node.js.Cree la estructura del programa, incluido un control de excepciones muy básico.
Este es el código:
const { QueueClient } = require("@azure/storage-queue"); const uuidv1 = require("uuid/v1"); async function main() { console.log("Azure Queue Storage client library v12 - JavaScript quickstart sample"); // Quick start code goes here } main().then(() => console.log("\nDone")).catch((ex) => console.log(ex.message));Guarde el nuevo archivo como
queues-quickstart-v12.jsen el directorioqueues-quickstart-v12.
Copia de las credenciales desde Azure Portal
Cuando la aplicación de ejemplo realiza una solicitud a Azure Storage, debe estar autorizada. Para autorizar una solicitud, agregue a la aplicación las credenciales de la cuenta de almacenamiento en forma de cadena de conexión. Para ver las credenciales de la cuenta de almacenamiento, siga estos pasos:
Inicie sesión en Azure Portal.
Busque su cuenta de almacenamiento.
En el panel del menú de la cuenta de almacenamiento, en Seguridad y redes, seleccione Claves de acceso. Aquí puede ver las claves de acceso de la cuenta, así como la cadena de conexión completa de cada clave.

En el panel Claves acceso, seleccione Mostrar claves.
En la sección key1, busque el valor de Cadena de conexión. Seleccione el icono Copiar al portapapeles para copiar la cadena de conexión. En la siguiente sección, agregará el valor de la cadena de conexión a una variable de entorno.

Configuración de la cadena de conexión de almacenamiento.
Una vez que haya copiado la cadena de conexión, escríbala en una variable de entorno nueva en la máquina local que ejecuta la aplicación. Para establecer la variable de entorno, abra una ventana de consola y siga las instrucciones de su sistema operativo. Reemplace <yourconnectionstring> por la cadena de conexión real.
Windows
setx AZURE_STORAGE_CONNECTION_STRING "<yourconnectionstring>"
Después de agregar la variable de entorno en Windows, debe iniciar una nueva instancia de la ventana de comandos.
Linux
export AZURE_STORAGE_CONNECTION_STRING="<yourconnectionstring>"
macOS
export AZURE_STORAGE_CONNECTION_STRING="<yourconnectionstring>"
Reiniciar programas
Después de agregar la variable de entorno, reinicie todos los programas en ejecución que necesiten leer esta variable. Por ejemplo, reinicie el entorno de desarrollo o el editor antes de continuar.
Modelo de objetos
Azure Queue Storage es un servicio para almacenar grandes cantidades de mensajes, Un mensaje de la cola puede llegar a tener hasta 64 KB. Una cola puede contener millones de mensajes, hasta el límite de capacidad total de una cuenta de almacenamiento. Las colas se utilizan normalmente para crear un trabajo pendiente del trabajo que se va a procesar de forma asincrónica. Queue Storage ofrece tres tipos de recursos:
- La cuenta de almacenamiento
- Cola en la cuenta de almacenamiento
- Mensajes dentro de la cola
En el siguiente diagrama se muestra la relación entre estos recursos.

Use las siguientes clases de JavaScript para interactuar con estos recursos:
QueueServiceClient: La claseQueueServiceClientpermite administrar todas las colas de la cuenta de almacenamiento.QueueClient: La claseQueueClientpermite administrar y manipular una cola individual y sus mensajes.QueueMessage: La claseQueueMessagerepresenta los objetos individuales que se devuelven al llamar aReceiveMessagesen una cola.
Ejemplos de código
Estos fragmentos de código de ejemplo muestran cómo realizar las siguientes acciones con la biblioteca cliente de Azure Queue Storage para JavaScript:
- Obtención de la cadena de conexión
- Creación de una cola
- Adición de mensajes a una cola
- Leer los mensajes de una cola
- Eliminación de un mensaje de una cola
- Recepción de mensajes de una cola
- Eliminación de mensajes de una cola
- Eliminación de una cola
Obtención de la cadena de conexión
The siguiente código recupera la cadena de conexión de la cuenta de almacenamiento de la variable de entorno creada en la sección Configuración de una cadena de conexión.
Agregue este código dentro de la función main:
// Retrieve the connection string for use with the application. The storage
// connection string is stored in an environment variable on the machine
// running the application called AZURE_STORAGE_CONNECTION_STRING. If the
// environment variable is created after the application is launched in a
// console or with Visual Studio, the shell or application needs to be
// closed and reloaded to take the environment variable into account.
const AZURE_STORAGE_CONNECTION_STRING = process.env.AZURE_STORAGE_CONNECTION_STRING;
Creación de una cola
Decida un nombre para la nueva cola. El siguiente código anexa un valor de UUID al nombre de la cola para asegurarse de que sea único.
Importante
Los nombres de la cola solo puede incluir letras minúsculas, números y guiones y debe empezar por una letra o un número. Antes y después de cada guion debe ir un carácter que no sea otro guión. El nombre debe tener entre 3 y 63 caracteres. Para más información, consulte Asignación de nombres a colas y metadatos.
Cree una instancia de la clase QueueClient. Luego, llame al método create para crear la cola en la cuenta de almacenamiento.
Agregue este código al final de la función main:
// Create a unique name for the queue
const queueName = "quickstart" + uuidv1();
console.log("\nCreating queue...");
console.log("\t", queueName);
// Instantiate a QueueClient which will be used to create and manipulate a queue
const queueClient = new QueueClient(AZURE_STORAGE_CONNECTION_STRING, queueName);
// Create the queue
const createQueueResponse = await queueClient.create();
console.log("Queue created, requestId:", createQueueResponse.requestId);
Adición de mensajes a una cola
El siguiente fragmento de código agrega mensajes a la cola, para lo que debe llamar al método sendMessage. También guarda la clase QueueMessage devuelta desde la tercera llamada a sendMessage. La clase sendMessageResponse devuelta se utiliza para actualizar el contenido del mensaje más adelante en el programa.
Agregue este código al final de la función main:
console.log("\nAdding messages to the queue...");
// Send several messages to the queue
await queueClient.sendMessage("First message");
await queueClient.sendMessage("Second message");
const sendMessageResponse = await queueClient.sendMessage("Third message");
console.log("Messages added, requestId:", sendMessageResponse.requestId);
Lectura de los mensajes de una cola
Lea los mensajes de la cola, para lo que debe llamar al método peekMessages. Este método recupera uno o varios mensajes de la parte delantera de la cola, pero no modifica la visibilidad del mensaje.
Agregue este código al final de la función main:
console.log("\nPeek at the messages in the queue...");
// Peek at messages in the queue
const peekedMessages = await queueClient.peekMessages({ numberOfMessages : 5 });
for (i = 0; i < peekedMessages.peekedMessageItems.length; i++) {
// Display the peeked message
console.log("\t", peekedMessages.peekedMessageItems[i].messageText);
}
Eliminación de un mensaje de una cola
Actualice el contenido de un mensaje mediante una llamada al método updateMessage. Este método puede cambiar tanto el contenido como el tiempo de espera de visibilidad de un mensaje. El contenido del mensaje debe ser una cadena con codificación UTF-8 de hasta 64 KB de tamaño. Junto con el nuevo contenido, pase messageId y popReceipt de la respuesta que se guardó anteriormente en el código. Las propiedades sendMessageResponse identifican el mensaje que se va a actualizar.
console.log("\nUpdating the third message in the queue...");
// Update a message using the response saved when calling sendMessage earlier
updateMessageResponse = await queueClient.updateMessage(
sendMessageResponse.messageId,
sendMessageResponse.popReceipt,
"Third message has been updated"
);
console.log("Message updated, requestId:", updateMessageResponse.requestId);
mensajes de una cola
Descargue los mensajes que ha agregado anteriormente, para lo que debe llamar al método receiveMessages. En el campo numberOfMessages, pase el número máximo de mensajes que se van a recibir para esta llamada.
Agregue este código al final de la función main:
console.log("\nReceiving messages from the queue...");
// Get messages from the queue
const receivedMessagesResponse = await queueClient.receiveMessages({ numberOfMessages : 5 });
console.log("Messages received, requestId:", receivedMessagesResponse.requestId);
Eliminación de mensajes de una cola
Elimine los mensajes de la cola una vez recibidos y procesados. En este caso, el procesamiento solo muestra el mensaje en la consola.
Elimine los mensajes llamando el método deleteMessage. Los mensajes que no se eliminen explícitamente volverán a estar visibles en la cola para que se procesen.
Agregue este código al final de la función main:
// 'Process' and delete messages from the queue
for (i = 0; i < receivedMessagesResponse.receivedMessageItems.length; i++) {
receivedMessage = receivedMessagesResponse.receivedMessageItems[i];
// 'Process' the message
console.log("\tProcessing:", receivedMessage.messageText);
// Delete the message
const deleteMessageResponse = await queueClient.deleteMessage(
receivedMessage.messageId,
receivedMessage.popReceipt
);
console.log("\tMessage deleted, requestId:", deleteMessageResponse.requestId);
}
Eliminación de una cola
El siguiente código limpia los recursos que creó la aplicación; para ello, elimina la cola mediante el método delete.
Agregue este código al final de la función main y guarde el archivo:
// Delete the queue
console.log("\nDeleting queue...");
const deleteQueueResponse = await queueClient.delete();
console.log("Queue deleted, requestId:", deleteQueueResponse.requestId);
Ejecución del código
Esta aplicación crea y agrega tres mensajes a una cola de Azure. El código muestra los mensajes en la cola y, a continuación, los recupera y los elimina antes de eliminar la cola.
En la ventana de la consola, vaya al directorio que contiene el archivo queues-quickstart-v12.js y use el siguiente comando node para ejecutar la aplicación.
node queues-quickstart-v12.js
La salida de la aplicación es similar a la del ejemplo siguiente:
Azure Queue Storage client library v12 - JavaScript quickstart sample
Creating queue...
quickstartc095d120-1d04-11ea-af30-090ee231305f
Queue created, requestId: 5c0bc94c-6003-011b-7c11-b13d06000000
Adding messages to the queue...
Messages added, requestId: a0390321-8003-001e-0311-b18f2c000000
Peek at the messages in the queue...
First message
Second message
Third message
Updating the third message in the queue...
Message updated, requestId: cb172c9a-5003-001c-2911-b18dd6000000
Receiving messages from the queue...
Messages received, requestId: a039036f-8003-001e-4811-b18f2c000000
Processing: First message
Message deleted, requestId: 4a65b82b-d003-00a7-5411-b16c22000000
Processing: Second message
Message deleted, requestId: 4f0b2958-c003-0030-2a11-b10feb000000
Processing: Third message has been updated
Message deleted, requestId: 6c978fcb-5003-00b6-2711-b15b39000000
Deleting queue...
Queue deleted, requestId: 5c0bca05-6003-011b-1e11-b13d06000000
Done
Recorra el código en el depurador y compruebe Azure Portal a lo largo del proceso. Compruebe la cuenta de almacenamiento para confirmar que los mensajes de la cola se crean y se eliminan.
Pasos siguientes
En este inicio rápido, ha aprendido a crear una cola y a agregarle mensajes mediante código de JavaScript. Después aprendió a ver, recuperar y eliminar mensajes. Por último, ha aprendido a eliminar una cola de mensajes.
Para ver tutoriales, ejemplos, artículos de inicio rápido y otra documentación, visite:
- Para más información, consulte Biblioteca cliente de Azure Queue Storage para JavaScript.
- Para ver más aplicaciones de ejemplo de Azure Queue Storage, consulte los ejemplos de la biblioteca de Azure Queue Storage v12 para JavaScript.