html - poner - proteger carpeta de google drive con contraseña
Cómo incrustar una carpeta de Google Drive en un sitio web (3)
Incrustar un directorio de Google Drive en un IFRAME
Las carpetas de Google Drive se pueden incrustar y mostrar en grid
vistas de list
y grid
(en las que todo lo que puede hacer es hacer clic en un archivo o carpeta para abrirlo en una nueva pestaña). Para hacerlo, simplemente reemplace FOLDER-ID con su propia en:
Vista de la lista
<iframe src="https://drive.google.com/embeddedfolderview?id=FOLDER-ID#list" style="width:100%; height:600px; border:0;"></iframe>
o sin especificar un modo, ya que el modo de lista es el predeterminado:
<iframe src="https://drive.google.com/embeddedfolderview?id=FOLDER-ID" style="width:100%; height:600px; border:0;"></iframe>
Vista en cuadrícula
<iframe src="https://drive.google.com/embeddedfolderview?id=FOLDER-ID#grid" style="width:100%; height:600px; border:0;"></iframe>
Obteniendo su ID de carpeta
El id es el hash (gibberish alfanumérico) después de las folders/
en la URL de la carpeta. Puede ver la URL en la barra de direcciones de su navegador cuando abre la carpeta Unidad. Por ejemplo, en:
https://drive.google.com/drive/folders/0B1iqp0kGPjWsNDg5NWFlZjEtN2IwZC00NmZiLWE3MjktYTE2ZjZjNTZiMDY2
El ID de la carpeta es 0B1iqp0kGPjWsNDg5NWFlZjEtN2IwZC00NmZiLWE3MjktYTE2ZjZjNTZiMDY2
.
Carpeta con dominio de G Suite / Google Apps
Si su carpeta es parte de un dominio de Google Apps, puede agregar el dominio a la URL para aliviar los problemas de permisos (detallados más adelante):
<iframe src="https://drive.google.com/a/MY.DOMAIN.COM/embeddedfolderview?id=FOLDER-ID#grid" style="width:100%; height:600px; border:0;"></iframe>
Simplemente reemplaza MY.DOMAIN.COM y FOLDER-ID con los tuyos.
Advertencia con carpetas que requieren permiso
Esta técnica funciona mejor para carpetas con acceso público. Las carpetas que se comparten solo con ciertas cuentas de Google pueden causar problemas cuando las incrusta de esta manera, dependiendo de qué cuentas de Google estén activas en el navegador del usuario:
- Si el usuario no ha iniciado sesión en ninguna cuenta de Google, entonces no aparece nada en el marco.
- Si el usuario ha iniciado sesión en una cuenta sin autorización para acceder a la carpeta, el marco contendrá el mensaje . Necesita permiso , con algunos botones para Solicitar acceso o Cambiar de cuentas , pero si hace clic en este último, el marco quedará en blanco.
- Si el usuario inicia sesión en una cuenta sin los permisos adecuados, y luego agrega la cuenta autorizada, al cargar la unidad incorporada, Google recurrirá a la primera cuenta activa y el usuario verá que necesita permiso , a menos que ...
- Si la URL contiene un dominio de Google Suite y el usuario inicia sesión en la cuenta de ese dominio, la vista incrustada funcionará, incluso si el usuario inició sesión en otra cuenta primero .
Los marcos en blanco se deben a que Google prohíbe incrustar su página de inicio de sesión en un IFRAME (probablemente para evitar el robo de la cuenta), a través del encabezado de X-Frame-Options
, que si se configura en SAMEORIGIN
hará que cualquier navegador de buen comportamiento rechace cargar la página si no está en el mismo dominio (vg drive.google.com
). Puedes ver esto en la consola de desarrolladores de tu navegador.
TL; DR
Para obtener una lista o vista de cuadrícula de una carpeta de la Unidad (en la que todo lo que puede hacer es hacer clic en un archivo o carpeta para abrirla en una nueva pestaña), use:
<iframe src="https://drive.google.com/embeddedfolderview?id=FOLDER-ID#grid" style="width:100%; height:600px; border:0;"></iframe>
o alternativamente, para una unidad de Google Suite / Apps:
<iframe src="https://drive.google.com/a/MY.DOMAIN.COM/embeddedfolderview?id=FOLDER-ID#grid" style="width:100%; height:600px; border:0;"></iframe>
Reemplace MY.DOMAIN.COM y FOLDER-ID con los suyos; elimine #grid
para obtener una lista de archivos detallada.
Para carpetas privadas, haga que sus usuarios inicien sesión en la cuenta correcta antes de cargar la página con la carpeta incrustada; Si la carpeta está en un dominio de Google Apps, puede agregar el dominio a la URL. De lo contrario, deben iniciar sesión en la cuenta autorizada antes que cualquier otra.
(Esta respuesta es una edición de Mori, pero fue rechazada porque cambió su intención , de alguna manera)
Tengo una carpeta en Google Drive que me gustaría incrustar en mi sitio web. No puedo encontrar un código de inserción ni nada documentado en los artículos de la Ayuda de Google Drive.
Para las aplicaciones de negocios / Gsuite o como las llamen, puede especificar el dominio (tuvo un problema con 500 errores con la respuesta original cuando inició sesión en varias cuentas de Google).
<iframe
src="https://drive.google.com/a/YOUR_COMPANY_DOMAIN/embeddedfolderview?id=FOLDER-ID"
style="width:100%; height:600px; border:0;"
>
</iframe>
Las carpetas de Google Drive se pueden incrustar y mostrar en list
y vistas de grid
:
Vista de la lista
<iframe src="https://drive.google.com/embeddedfolderview?id=FOLDER-ID#list" style="width:100%; height:600px; border:0;"></iframe>
Vista en cuadrícula
<iframe src="https://drive.google.com/embeddedfolderview?id=FOLDER-ID#grid" style="width:100%; height:600px; border:0;"></iframe>
P : ¿Qué es una ID de carpeta (FOLDER-ID) y cómo puedo obtenerla?
R : Vaya a Google Drive >> abra la carpeta >> mire su URL en la barra de direcciones de su navegador. Por ejemplo:
URL de la carpeta : https://drive.google.com/drive/folders/0B1iqp0kGPjWsNDg5NWFlZjEtN2IwZC00NmZiLWE3MjktYTE2ZjZjNTZiMDY2
ID de carpeta :
0B1iqp0kGPjWsNDg5NWFlZjEtN2IwZC00NmZiLWE3MjktYTE2ZjZjNTZiMDY2
Advertencia con carpetas que requieren permiso
Esta técnica funciona mejor para carpetas con acceso público. Las carpetas que se comparten solo con ciertas cuentas de Google causarán problemas cuando las incremente de esta manera. Al momento de esta edición, aparece un mensaje "Necesitas permiso", con algunos botones para ayudarte a "Solicitar acceso" o "Cambiar cuentas" (o posiblemente iniciar sesión en una cuenta de Google). El Javascript en estos botones no funciona correctamente dentro de un IFRAME
en Chrome.
Lea más en https://productforums.google.com/forum/#!msg/drive/GpVgCobPL2Y/_Xt7sMc1WzoJ