Exporta rápidamente una lista de números activos de Twilio, transfiérelos y comprueba su uso

Exporta rápidamente una lista de números activos de Twilio, transfiérelos y comprueba su uso

En esta publicación, aprenderemos cómo crear rápidamente una app web que te permita exportar una lista de tus números de Twilio, transferirlos dentro de tu cuenta principal y verificar el uso de cada número y activo de tu cuenta de Twilio.

No necesitarás tu propio servidor para configurarla, ni saber codificar. Ni siquiera necesitas leer el código si no quieres. Te mostraré cómo hacer todas estas operaciones utilizando el producto Functions de Twilio que puedes usar directamente desde tu consola de Twilio.

App de demostración

Antes de mostrarte cómo crear la app en tu cuenta de Twilio, puedes probarla en nuestra cuenta de demostración.

El video a continuación también te mostrará cómo funciona la app.

¿Cómo vamos a hacer esto?

No necesitarás tu propio servidor, ya que la app estará alojada en nuestro servicio Twilio Functions. La información detallada sobre Twilio Functions se puede encontrar aquí.

Puedes alojar código JavaScript, HTML, CSS y otros activos necesarios para crear la app. Llamamos a este estilo de desarrollo computación sin servidor, ya que Functions proporcionará automáticamente recursos cuando uses la herramienta.

El código de la función se copiará de nuestro repositorio de GitHub, que se puede encontrar en GitHub.

Copiar el código significa que tampoco necesitas saber cómo codificar. Ten en cuenta que también puedes alojar el código en tu propio servidor e incluso integrarlo en tu propio sitio web.

Requisitos previos

Ahora que sabemos dónde encontrar el código, veamos qué se necesita de ti para crear la app.

Para este tutorial solo necesitarás:

• Cualquier navegador (mejor si está actualizado)

• Una cuenta de Twilio (regístrate en Twilio si aún no tienes una cuenta)

Crea la app y úsala en el navegador

En el siguiente video, mostraremos los pasos necesarios para crear la app en Twilio Functions:

Los pasos mencionados en el video también se enumeran en detalle a continuación.

• La función debe crearse en tu cuenta principal.

• Tendrás la opción, en las apps creadas, de buscar en los registros de cualquier subcuenta ubicada debajo de tu cuenta principal.

Pasos que debes seguir:

1. Abre el repositorio de GitHub para la función deseada. Haremos referencia a esto a medida que creamos la función en la consola.

2. Crea una nueva función en tu consola de Twilio yendo a Functions & Assets > Services > Create Service (Functions & Assets > Servicios > Crear servicio).

3. Agrega un nuevo archivo de función (botón en la esquina superior izquierda) y asígnale el mismo nombre que la función en la carpeta /functions en GitHub (sin la extensión .js).

4. Repite el paso 3 para todos los archivos de la carpeta /functions.

5. Abre el directorio /assets en el repositorio de GitHub.

6. Crea un archivo de activos (botón en la esquina superior izquierda) y asígnale el nombre index.html (con la extensión .html).

7. Abre el archivo en el repositorio de GitHub y copia el contenido del código del archivo index.html.

8. Haz lo mismo para los archivos .css que están en la carpeta de activos.

9. Para estos activos, cuando los abres en el editor online, en la esquina inferior derecha debería decir "html" y "css" respectivamente.

10. Haz clic en Environmental Variables (Variables de entorno) y agrega una nueva clave llamada “Contraseña” con tu valor deseado (esta será tu contraseña para usar la app).

11. Guarda todas las funciones y activos en el editor online.

12. En el editor online, junto al nombre de cada archivo, verás el nivel de acceso actual; configúralo en Público para todos ellos. Por defecto están protegidos.

13. Haz clic en Deploy all (Implementar todos), y espera a que se complete la implementación.

14. Haz clic en Dependencies (Dependencias) y actualiza algunos elementos según sea necesario:

    1. El módulo twilio con la versión ^3.61.0

    2. El @twilio/runtime-handler con la versión 1.2.1.

    3. Establece la versión de Node en 18 en la parte superior.

15. Haz clic en Deploy all (Implementar todos), y espera a la implementación.

16. Haz clic en index.html en la lista de la consola y, en la esquina inferior derecha, haz clic en Copy URL (Copiar URL), pégalo en una nueva pestaña del navegador y presiona Enter (Intro). Esto abrirá la app.

Marca la URL de la app, ya que podrás utilizarla en cualquier momento después de haber completado los pasos anteriores. En caso de que pierdas la URL, simplemente abre la función en la Consola y repite el paso 16.

La app tendrá el mismo aspecto que viste en el video de demostración anterior; sin embargo, es posible que veas funciones adicionales en tu app, ya que podría haber agregado más de ellas después de grabar el video. Lo que también faltará en tu app es la lista de subcuentas, contraseña expuesta, y alguna otra información destinada solo para la demostración. ¡Ten la seguridad de que las funcionalidades principales estarán allí!

Como ayuda adicional, para asegurarte de que todo esté configurado correctamente de tu lado, consulta las siguientes capturas de pantalla.

Imagen 1. Función final en la Consola

Imagen 2. Variables de entorno

Imagen 3. Dependencias

¿Qué más puedes hacer con esta app y qué debes tener en cuenta?

Así que ahora que hemos visto cómo crear la app que te ayudará a administrar tus números y comprobar el uso, vamos a explorar la personalización de la app, la seguridad y más.

El enlace de GitHub que compartí es parte de un repositorio más grande que contiene muestras de código de Twilio.

Cada directorio contiene activos y funciones que puedes copiar en una nueva función de la misma manera que se describe en la lista numerada en la sección "Crea la app" anterior. Esto significa que no necesitas crear la app con todas las funciones para comenzar, sino solo las que te gustaría tener; cada una se puede crear como una función separada, con una URL y contraseña diferentes.

Además, un gran beneficio de Functions es el control sobre cómo se puede acceder a ellas (Visibilidad de la función). Debido a que la app creada es de acceso público en un navegador (pero solo se puede utilizar si conoces la contraseña), lo que puedes hacer es mantener cada función Privada o Protegida, y solo configurarla en Pública cuando necesites usarla (ver el paso 12 anterior para obtener más información).

Además de controlar la visibilidad de la función, para asegurarte de que la app sea lo más segura posible, asegúrate de establecer una contraseña segura y solo compartir el enlace de la app y la contraseña con las personas de confianza y que deberían estar utilizando la app.

Algo muy importante para tener en cuenta es que debes hacer clic en el botón Deploy All (Implementar todos) en la función online una vez que hayas terminado de hacer tus cambios. Se podrá ver un registro en caso de que haya errores o de que la función no se haya implementado correctamente.

Finalmente, quizás te preguntes si Twilio cobra algo por utilizar Functions. Twilio cobra por el uso de Functions; hay un nivel gratuito que se restablece mensualmente y debes tener en cuenta los costos de uso.

¡Nos emociona ver lo que construirás! ¡Diviértete!

Gracias a Jyden Tyree por grabar los videos que acompañan esta publicación.

Danijel Šumberac es gerente sénior en Twilio con muchos años de experiencia en liderazgo y conocimiento en codificación, SQL y análisis de datos, y está muy interesado en empoderar a los usuarios para que creen sus propias soluciones de API. Puedes comunicarte con él en dsumberac [@] twilio.com.