📖
Documentación pública
Developers 🇪🇸
Developers 🇪🇸
  • 👋Bienvenido
  • ‼️Consideraciones
  • ☝️Conceptos
  • SDKs
    • 📞Phone
      • Métodos
      • Eventos
      • Demo
    • 📹WebRTC
      • Métodos
    • 📄Formularios
    • 🤖Captcha
    • ✨Ejemplos
      • Segmento como agente
    • 📂Intercambio archivos
      • Métodos
      • Eventos
      • Propiedades
      • BeamPortFile
    • 📅Calendario
      • Métodos
      • Eventos
      • Propiedades
    • 🔇Cancelación de ruido
      • Métodos
      • Propiedades
  • Componentes web
    • 📹WebRTC
      • Slots
      • Propiedades
      • Métodos
      • Eventos
    • 🗃️Fileshare
      • Slots
      • Propiedades
      • Métodos
      • Eventos
  • Widgets
    • 🔌Instalación
      • Google Tag Manager
      • WordPress
      • Cloudflare
    • 🖌️Personalización
      • Posición del widget
      • Burbuja personalizable
    • 🔗Acciones por URL
    • 🛰️API
      • Introducción
      • Variables globales
      • Propiedades
      • Métodos
      • Eventos
      • Ajustes
      • Forzar segmentos
      • Forzar calendarios
  • Seguridad
    • 🔐SSL
    • 💆‍♀️Cabeceras
    • ⛔Firewall
      • 🖇️Tipos de NAT
    • 🖼️Iframes
  • 🖇️Integraciones
    • Kioskos
    • Frameworks
      • Angular
  • 🎆Webhooks
    • 👓Introducción
    • 🔒Seguridad
    • 🦱Variables
    • 🦰Sintaxis
    • 🤟Helpers
      • parser
      • toLowerCase
      • toUpperCase
      • #if
      • #each
      • #array
      • #object
      • #isEqual
      • #isNot
      • #includes
      • #greater
      • #lower
      • #some
      • #every
      • #filter
      • #concat
      • #find
      • #get
      • #date
      • #relative
      • #url-param
      • #jwt
      • #phone
    • 🎛️Integraciones
      • Power BI
      • Airtable
    • 🐞Errores
    • 🔌Integradores (3rd party)
    • 💱Formatos locales
    • 🫱Ejemplos
      • Formularios
  • 🐞Depuración
    • Devtools
    • WebRTC
  • 📹Grabaciones
    • Cloud
      • Tamaños y resolución
      • Seguridad
      • Metadata
      • AWS S3
      • Azure
      • GCP
      • SFTP
    • Local
      • Ubicación de descargas
      • Google Drive / FileStream
      • AWS S3
  • API pública
    • Autorización
    • Segmentos
    • Calendario
    • Encuestas
    • Formularios
    • QMS
  • Exportación
    • Llamadas
    • Filas
    • Metadatos
    • Comentarios
    • Etiquetas
    • Reuniones
    • Grabaciones
    • Tópicos IA
    • Sentimientos IA
    • Formularios
    • Encuestas
  • Apps
    • Introducción
    • Integraciones
      • Power Apps
Con tecnología de GitBook
En esta página
  • connect
  • Ejemplo
  • send
  • cancel
  • disconnect
  • addEventListener
  • getFile

¿Te fue útil?

Editar en GitHub
  1. SDKs
  2. Intercambio archivos

Métodos

connect

Debes usar este asíncrono para realizar la conexión con otro par BeamPort, entregando un accessToken que podrás obtener desde el evento beamport:create de Phone SDK.

Recuerda que debes conectar el Beamport solo 1 vez mientras esté conectado, de lo contrario se generará un error. Si existe una desconexión puedes volver a conectar.

await port.connect(accessToken);

Ejemplo

phone.addEventListener('beamport:create', (event) => {
    const { accessToken, channel } = event;
    port.connect(accessToken);
});
await new Promise(resolve => phone.addEventListener('beamport:create', async (event) => {
    const { accessToken, channel } = event;
    await port.connect(accessToken);
    resolve();
}));
// Código a continuación

send

Este método asíncrono te permite enviar los archivos automáticamente al otro par BeamPort. Los argumentos que recibe este método son:

  1. input: Archivo como File, ArrayBuffer o Blob.

  2. mimeType: MIME del archivo, opcional si input es de tipo File.

  3. id: ID del archivo, opcional.

// File
await port.send(myFile);
// ArrayBuffer o Blob
await port.send(myBuffer, 'application/msword');

Recomendamos el uso de nuestro componente web de transferencia de archivos, o bien .

Consideraciones método send

En caso que desees adjuntar varios archivos deberás ejecutar una iteración sobre los archivos:

files.forEach(file => port.send(file));

En el caso que envíes un ArrayBuffer o Blob, deberás indicar de manera obligatoria el id y mimeType.

await port.send(myBlob, 'image/png', 'my-unique-id');

Si no indicas un MIME type para un archivo como ArrayBuffer o Blob , no será legible para el agente.

cancel

Este método permite cancelar el envío del archivo en curso o eliminar el acceso del archivo en el par BeamPort remoto.

Deberás entregar como único argumento el mismo archivo envíado como File, ArrayBuffer o Blob.

await port.cancel(myFile);

disconnect

Con este método detendrás la conexión BeamPort en su totalidad, por lo deberás crear una nueva si lo necesitas.

port.disconnect();

addEventListener

Podrás escuchar los eventos a través de un oyente adjunto. Puedes añadir todos los eventos que necesites para el mismo o diferente.

port.addEventListener('eventName', event => {
    const eventData = event.detail;
    // Do something
});

getFile

Con este método podrás obtener el archivo usando el valor CRC-32 como único argumento y String. El valor retornado será un BeamPortFile.

port.getFile(crc32);

BeamPort no almacena los archivos enviados, solo recibidos. Puedes obtener el listado de archivos recibidos desde la propiedad store.

AnteriorIntercambio archivosSiguienteEventos

Última actualización hace 9 meses

¿Te fue útil?

📂