VaidrollTeam: CÓMO CREAR Y VER PDF EN MIT APP INVENTOR

Crea una app con MIT App Inventor que permite generar archivos PDF a partir de datos ingresados por el usuario y guardarlos automáticamente en una carpeta específica de Google Drive.

¿Necesitas generar PDF desde tu móvil y guardarlos directamente en Google Drive? ¡Este proyecto te muestra cómo! Aprende a crear tu propia app con MIT App Inventor para capturar datos y convertirlos en documentos PDF, todo de forma sencilla y sin necesidad de ser un experto en programación.

Funcionamiento del Proyecto:

El usuario interactúa con una interfaz sencilla diseñada en MIT App Inventor. Esta interfaz contiene campos de texto para ingresar la información necesaria para el PDF, como el remitente, el destinatario, el cuerpo del mensaje y la firma.

Al presionar el botón "Generar PDF" en la aplicación, los datos ingresados en los campos de texto se envían a un script de Google Apps Script a través de una solicitud.

El script de Google Apps Script recibe los datos de la carta (remitente, destinatario, cuerpo, firma) enviados por la aplicación.

Estos datos se extraen y se utilizan para crear dinámicamente un nuevo documento de Google Docs con el formato de una carta. La estructura del documento se define en el código del script, insertando los datos en párrafos separados. Una vez creado el documento con la información de la carta, el script lo convierte automáticamente a formato PDF y guarda este archivo en una carpeta específica dentro de la cuenta de Google Drive del usuario, la cual se define en el script.

El script envía una respuesta a la aplicación de MIT App Inventor para indicar si la generación del PDF de la carta fue exitosa o si ocurrió algún error durante el proceso. Esta respuesta se muestra al usuario en la etiqueta de "resultado" de la aplicación.

La aplicación incluye un botón "Abrir PDF" que permite al usuario visualizar el archivo PDF de la carta generado directamente en su dispositivo móvil, siempre y cuando tenga instalada una aplicación compatible con archivos PDF.

Google Apps Script:

Aquí pueden observar el código desarrollado en Google Apps Script. Como verán, la mayor parte del código está comentado brevemente para facilitar su comprensión. Sin embargo, en el video tutorial, explicaré con mucho más detalle cada línea de código, su función y cómo interactúa con nuestra aplicación de MIT App Inventor.

function doPost(e) 
{
  try
  {
      //Obtener las variables
      var parms = JSON.parse(e.postData.contents);
      var remitente = parms.remitente;
      var destinatario = parms.destinatario;
      var firma = parms.firma;
      var cuerpoCarta = parms.cuerpoCarta;
      
      //Generar el PDF
      generarPDFDesdeDatos(remitente,destinatario,firma,cuerpoCarta);

      //Devolver una respuesta exitosa
      return ContentService.createTextOutput(JSON.stringify({"status":"Excelente"}))
      .setMimeType(ContentService.MimeType.JSON);
  }catch(error)
  {
      //Devolver una respuesta de error
       return ContentService.createTextOutput(JSON.stringify({"status":"error","message":error.toString()}))
      .setMimeType(ContentService.MimeType.JSON);
  }
}

function generarPDFDesdeDatos(remitente,destinatario,firma,cuerpoCarta)
{
try
{
    //Obtener la carpeta 
    var carpetaPDF = DriveApp.getFoldersByName("PDFMITAPPINVENTOR").next();

    //Crear un documento de Google Docs
    var documento = DocumentApp.create("DocGeneradoTemporal");
    var cuerpo = documento.getBody();

    //Agregar los datos al documento
    cuerpo.appendParagraph("Remitente: "+ remitente);
    cuerpo.appendParagraph("");
    cuerpo.appendParagraph("Destinatario: "+ destinatario);
    cuerpo.appendParagraph("");
    cuerpo.appendParagraph("Cuerpo de la carta:\n "+ cuerpoCarta);
    cuerpo.appendParagraph("");
    cuerpo.appendParagraph("Firma: "+ firma);

    //Guardar los cambios y convertir a pdf
    documento.saveAndClose();
    var pdf = documento.getAs("application/pdf");

    //Guardar el PDF en la carpeta
    carpetaPDF.createFile(pdf);

    //Eliminar el documento temporal
    DriveApp.getFileById(documento.getId()).setTrashed(true);

}catch(e)
{
Logger.log("Error: " + e.toString());
}
}

Por último, quiero comentarles que la base de esta aplicación que hemos creado es muy flexible. Con un poco de creatividad y ajustes en el diseño de la interfaz y el script de Google Apps Script, podrían generar PDF de muchos otros tipos de documentos.

Te agradecería que me dejaras un me gusta en el video. Tu apoyo me motiva a seguir creando contenido de este tipo y dedicarle más tiempo a desarrollar nuevos proyectos.

¿Qué encontrarás en el archivo descargable?

El diseño completo del proyecto.
La programación de los bloques del proyecto.

Recuerda que para usar el proyecto, necesitas:

Configurar tu propia cuenta de Google Drive.
Crear la carpeta específica donde se almacenarán los archivos PDF generados.
Crear y configurar el archivo de Google Apps Script siguiendo los pasos que vimos en este tutorial.
Enlazar la URL de ese script con su aplicación de MIT App Inventor.

Descargar Creando link... espera 30 segundos.

CrearPDFV0.aia - 3 KB

¿Cómo importar el archivo a mis proyectos?