Archivo por meses: abril 2014

La generación de páginas web dinámicas sólo con Google Drive

< Advertencia >
Te recomiendo que para obtener la cuenta adicional Google sólo para público. Porque si sigues mi procedimiento, su dirección de Gmail será el archivo XML público.

< Nueva solución en 08/07/2014 >
Escribí el mensaje Obtenga nueva versión de Google Spreadsheets como JSONP. Si desea utilizar la nueva versión de Google Spreadsheets para generar páginas web dinámicas en lugar de la versión anterior, por favor, lea ese puesto.

< Actualizado el 26/04/2014 >
Utilice Anyfile Notepad o cualquier otra aplicación de edición de texto para Google Drive en Google tienda Web en lugar de Drive Notepad. Debido Drive Notepad fue retirado de la tienda.

< Actualizado el 12/05/2014 >
Hey! Drive Notepad ha vuelto a Google Web Store!

< Recomendación >
Te recomiendo que para instalar “Drive Notepad”. Es una extensión para Google Drive. Al instalar Drive Notepad, necesita Chrome. Pero después de conectar Drive Notepad a Google Drive, Chrome no es necesario. Usted puede utilizar Drive Notepad en cualquier navegador.
https://chrome.google.com/webstore/detail/drive-notepad/gpgjomejfimnbmobcocilppikhncegaj?hl=en-GB
drive_notepad_en_us

< Para actualizar el contenido de la Hoja de cálculo >
Usted necesidad de utilizar “Google Hoja de cálculo versión 1”. Porque “versión 2” no soporta CSV y XML para compartir todavía. (Escribí este post en el 19 abril de 2014.) Si normalmente genera nueva Hoja de cálculo actual, es ser automáticamente la versión 2.

Google explicó nueva Hoja de cálculo en “Probar la nueva versión de Hojas de cálculo de Google“.

Me preocupaba CSV y XML para compartir no voy a apoyar en la versión 2. Así que comprobé también “Funciones no compatibles con la nueva versión de Hojas de cálculo de Google“. Pero esta función no aparece en esa página. Sí … no aparece … pero nadie está seguro de que cuando Google cambia su mente ….
¿Se puede estar de acuerdo a esta situación? LOL

Vamos a acceder https://g.co/oldsheets para generar una Hoja de cálculo en la versión 1.

Es mi muestra.

No es más que una hoja. Ha encabezado, 3 cols y 2 filas.
( Voy a generar imgur sitio web de imágenes. )

< Vamos a hacerlo público >
Siga la foto de abajo.
publish_to_the_web_es

Seleccione “Publicar en la web” y presionar “Iniciar la publicación”.
Vea la sección “Obtener un enlace a los datos publicados”.
publish_to_the_web_2_es
Usted puede conseguir su hoja de cálculo como página Web, HTML, CSV, TXT, PDF, ATOM, RSS, XLS y ODS. Si desea sincronizar hoja de cálculo para su sitio web, usted debe elegir CSV, ATOM o RSS. Estos son formato fácil para la sincronización. Al elegir uno de ellos, puede encontrar la función para seleccionar la columna y la fila. Esta función puede hacer que el tamaño de archivo más pequeño por solicitud.

Si decide CSV, antes de seleccionar rango, por favor seleccione una hoja de destino. La muestra es como la imagen de abajo.
select_sheet_es
En mi muestra, “A1” es la cabecera. Quiero conseguir 5 filas máximo. Así que me puse el rango “A2: A6”.
select_cell_es
Puedes encontrar “range=A2%3AA6” en la url. Si desea agregar la función de búsqueda a su sitio web, usted debe cambiar de forma dinámica el parámetro de “range” de Javascript.

< ¿Es difícil? >
No se preocupe. Escribí el código Javascript aquí.
https://github.com/mecrazy/generateGoogleDriveUri
Este script es compatible con los formatos CSV, ATOM y RSS. Es sólo generador de URI. No tiene por parser. Si decide ATOM o RSS, puede usar jQuery como un analizador.

Utilice “generateGoogleDriveUri.min.js” como a continuación.

<!DOCTYPE html>
<html>
<head>
<title>Página de muestra</title>
<script src="js/generateGoogleDriveUri.min.js"></script>
<script type="text/javascript">
window.onload = function(){

//Objeto de reparto
var gduObj = new genGDU('Put a link to the published data here');

//Generar URI
var atomUri = gduObj.genUri(
  'atom', // Elijo formato ATOM.
  {
    startRow:2, //Empezar desde la fila 2
    startCol:1, //Empezar desde col 1
    cols:1, //Cortar 1 columnas
    rows:5, //Cortar 5 Filas por página
    page:1 //Consigue página 1
  }
);

var html = '<a href="' + atomUri + '" target="_blank">' + atomUri + '</a>';
document.getElementById('sample').innerHTML = html;

}
</script>
</head>
<body id="sample"></body>
</html>

< Añadir index.html y el establecimiento de Drive Notepad >
Después de agregar Drive Notepad en Chrome, usted puede encontrar “Text Document” en el menú de Google Drive crear.
add_index_es
Si es la primera vez que utiliza Drive Notepad, se le pedirá como a continuación.
permission_01_en_us
Empuje “Login and/or grant app permissions…” y aceptar la siguiente pregunta.
permission_02_es

Por favor, cambie el nombre del archivo a “index.html”. Después de guardar el archivo, cierre la pestaña.
change_file_name_en_us

Por favor cambia la configuración de “Administrar aplicaciones”.
manage_apps_es
Por favor, consulte “Usar como opción predeterminada” de la fila Drive Notepad.
use_by_default_es
Después de eso, puede utilizar Drive Notepad como las otras aplicaciones en Google Drive.

< Cambiar configuración de uso compartido >
Seleccione la carpeta para establecer público.
Después de eso, seguir la foto de abajo.
set_sharing_enabled_01_es
Establecer “Público en la Web” marcada.
set_sharing_enabled_02_es

< Preparación HTML, CSS, Javascript >
Utilice Drive Notepad para prepararlos.
O editar con su propio editor de texto y subirlos.
Mi posición relativa es como a continuación.
my_public_tree_es

El siguiente enlace es mi página web creada con Google Hoja de cálculo.
https://googledrive.com/host/0B2hsIY7iHEnLS290OHlmRkFmbU0/
Si lo desea, por favor, utilice fuentes como muestra.

< Escritura supletoria >
Desarrollé imgur convertidor URL de mi página web. Si lo desea, por favor, utilice esto.
https://github.com/mecrazy/imgurUrlConverter

Lo siento.

Mi servidor anterior se dio por terminado.
Debido a las galletas.

Mi proveedor anterior no hace copia de seguridad de datos.
Estoy restaurando mis mensajes mediante el uso de https://archive.org/web/.
Si quieres leer mi página anterior ahora, por favor, utilice el URL como https://web.archive.org/web/20140401080033/https://mecrazy.net/.

He cambiado el proveedor de ayer.
Esta página está en Linode.
El proveedor tiene sistema de copia de seguridad. Su especificación es muy alto.