Curso Profesional de JavaScript

Toma las primeras clases gratis

COMPARTE ESTE ARTÍCULO Y MUESTRA LO QUE APRENDISTE


Webservices con Google Sheets + App Script
La hoja de cálculo de Google podemos realizar varias operaciones como Insertar / Actualizar / Eliminar / Leer usando Google AppScript . Y puede ser usarda como nuestro backend.


web api creado: https://script.google.com/macros/s/AKfycby01lKNm94FHYORH3_c-lHK35r4zOoZiF8_tOD-QhfujBglDiE/exec?action=getItems
Configuración de la hoja de cálculo de Google:

  1. Inicie sesión en su cuenta de Google

  2. Crea una nueva hoja de cálculo CLIK AQUÍ .

  3. Cuando cree una hoja de cálculo, verá la identificación en la URL.

Para el archivo app script necesitamos la URL deTu Hoja de calculo

  1. Como en la imagen de abajo, vaya a Herramientas → Editor de secuencias de comandos.

Configuración de Google AppScript:
Aquí, en este editor, tenemos que escribir AppScript que actuará como una API web y que se comunicará con las hojas de Google.
 AppScript que debe escribir en el archivo anterior y guardarlo.

var ss = SpreadsheetApp.openByUrl("https://docs.google.com/spreadsheets/d/1q8tX6qEj5NbWKaGX3hWAzoSbrHqwM9IN-8bqOZmbIIo/edit#gid=0"); // sheet of account 

var sheet = ss.getSheetByName("Sheet1"); //it is the sheet name .. so it should match 
function doGet(e){
  var action = e.parameter.action;
  
  //URL_SCRIPT/exec?action=getItems
  if(action == 'getItems'){
    return getItems(e);
  }
}

function getItems(e){
  var records={};
  var rows = sheet.getRange(2, 1, sheet.getLastRow() - 1,sheet.getLastColumn()).getValues();
      data = [];

  for (var r = 0, l = rows.length; r < l; r++) {
    var row     = rows[r],
        record  = {};
    record['Title'] = row[0];
    record['Description']=row[1];
    record['Price']=row[2];
    data.push(record);
   }
  records.items = data;
  var result=JSON.stringify(records);
  return ContentService.createTextOutput(result).setMimeType(ContentService.MimeType.JSON);
}

  1. Seleccione en la pestaña Publicar → Implementar como aplicación web

  2. Verá una ventana como esta, solo asegúrese de seleccionar ‘Ejecutar la aplicación’ como ’ Yo’ y ‘Quién tiene acceso a la aplicación’ como ’ Cualquiera, incluso anónimo’. Cada vez q realize una actualizacion se debe elegir nuevo

Se requiere autorización. Solo revisa los permisos. Luego seleccione su cuenta de Google.

Verá una pantalla, simplemente expanda ‘Avanzado’ y haga clic en ’ Ir a YOUR_PROJECT_NAME (inseguro)’. 

¡Permita estos permisos y listo!
Finalmente, obtendrá una ventana como esta con la URL de la aplicación web. Copie esa URL web como referencia. Usaremos esta URL para realizar solicitudes HTTP GET.

Copiamos la url mas la funcion q declaramos:
WEB_APP_URL_SCRIPT/exec?action=getItems
URLs:
Web Api: https://script.google.com/macros/s/AKfycby01lKNm94FHYORH3_c-lHK35r4zOoZiF8_tOD-QhfujBglDiE/exec?action=getItems
Ejemplo Publicado
https://rogergcc.github.io/specials_menu/

Curso Profesional de JavaScript

Toma las primeras clases gratis

COMPARTE ESTE ARTÍCULO Y MUESTRA LO QUE APRENDISTE

0 Comentarios

para escribir tu comentario

Artículos relacionados