Clicky

Cómo alojar de forma gratuita un sitio web personal en los servidores de Google

Google App Engine

Google App Engine

Utilizar la función de archivos estáticos de Google App Engine para hospedar un sitio web

En la actualidad casi todo el mundo tiene un sitio web personal o de portfolio para mostrar su información en la Web. Si deseas alojar tu propio sitio web personal, pero no tienes presupuesto para ello, este artículo te ayudará a salir del callejón.

Este sencillo tutorial te mostrará cómo se puede alojar de forma gratuita un sitio web básico (construido con HTML y CSS) en los servidores de Google. Podrás completar fácilmente la tarea entre 1 y 3 horas.

Técnicamente Google no ofrece soluciones de hosting gratuito, pero proporciona una plataforma Platform As A Service (PAAS), conocida como Google App Engine (GAE). En este tutorial se utiliza la función de archivos estáticos de App Engine para hospedar un sitio web estático HTML-CSS en los servidores de GAE.

Al final de este tutorial vas a obtener tu propio sitio web personal en una dirección-subdominio personalizado de este modo: tu-nombre-personal.appspot.com. Puedes hacer tu página de contacto, para conectar con potenciales clientes o para ampliar tu negocio.

Para conseguir una página tu-nombre-personal.appspot.com alojada en GAE sólo hacen falta 6 tareas:

1. Hacer un sitio web personal usando una plantilla web gratuita HTML-CSS
2. Descargar e instalar Python y GAE SDK
3. Registrarse en Google App Engine
4. Crear aplicaciones de Google App Engine
5. Desarrollar aplicaciones utilizando GAE Python SDK
6. Desplegar/Cargar tu aplicación personalizada para servidores GAE

Vamos verlo en detalle:

Tarea 1: Hacer un sitio web personal

La construcción de un sitio web desde cero puede ser difícil y complicado especialmente si no eres un diseñador de páginas web o un experto con la escritura de elementos en HTML etiquetados. Sin embargo siempre se puede trabajar en una plantilla web y personalizarla en tu propia versión. Éstos son sólo algunas buenas y fáciles de editar plantillas de sitio web y con licencia Creative Commons:

•  PageOne por styleshout
•  I am Creative por EGrappler
•  OnePager por EGrappler

Para hacer la plantilla de tu página web propia, descarga el template de los enlaces que figuran por encima, descomprime los archivos y edita los archivos index.html u otros archivos .html. Puedes utilizar cualquier editor de texto para editar estos archivos como el Bloc de notas o WordPad, pero Notepad++ es más fácil y muy recomendable. Añade tu información, por ejemplo, nombre, habilidades, trabajo, portfolio, información de contacto, etc, y guarda el archivo.

Como alternativa, si quieres hacer algo más en tu sitio web, puedes intentar aprender HTML5 y CSS. Hay un montón de tutoriales para aprender HTML5/CSS.

Tarea 2: Obtener Python y GAE SDK

A continuación, descargar e instalar el siguiente software para editar y desplegar aplicaciones en servidores GAE.

•  Python
•  App Engine SDK Python

Nota: Instala el software con sus opciones y la configuración por defecto, de lo contrario puedes encontrar problemas con el tutorial.

Tarea 3: Regístrate en Google App Engine

Inscribirse en una cuenta en Google App Engine. Si ya tienes una cuenta de Gmail, es sólo una cuestión de acreditarse.

•  Ir a appengine.google.com
Si ya tienes una cuenta de Gmail, pasar al siguiente paso, de lo contrario, pulsa en el de enlace Crear una cuenta e introduce los detalles necesarios para crear la cuenta.

•  Introduce tus credenciales de cuenta y pulsa en el botón Entrar para acceder al cuadro de mandos GAE.

•  Google App Engine te dará la bienvenida con un mensaje.

Google App Engine, crear aplicación

Tarea 4: Crear la aplicación en Google App Engine

Ahora, es necesario crear una aplicación en GAE.

•  Haz clic en el botón Create Aplication.
•  Se te puede pedir que verifiques tu cuenta. Verifica tu cuenta siguiendo las instrucciones en la página.
•  Verás la página "Create an Aplication" de la siguiente manera:

Google App Engine, crear aplicación rellenar datos

•  Introduce la dirección que deseas en Application Identifier. Este nombre sera la dirección de tu sub-dominio, por ejemplo, esuscaceres.appspot.com.
Una vez dado un nombre, no se puede cambiar el identificador de la aplicación. Por lo tanto, elige el identificador de la aplicación de manera inteligente.
•  Ingresa el Título de la aplicación en el segundo campo de texto (Application Title). Este nombre se mostrará cuando la gente acceda a tu aplicación en el GAE.
•  Para opciones de autenticación, deja la opción por defecto: Open to all Google Accounts users (default) (Abierto a todos los usuarios de la cuenta Google).
•  Haz clic en el botón Create Aplication. Verás una página de "Application Registered Successfully" que notifica de la siguiente manera:

Google App Engine, crear aplicación éxito

Tarea 5: Desarrollar aplicaciones utilizando GAE Python SDK

Es el momento de desarrollar tu aplicación GAE en su sistema utilizando Python y App Engine Python SDK.

•  Abre Google App Engine Launcher en el sistema utilizando el menú Inicio o la pantalla de inicio (si está trabajando en Windows 8).

•  Abre el menu File > Create New Application. Como alternativa puedes pulsar la combinación de teclas Ctrl+N para crear una nueva aplicación en el GAE Launcher.

Google App Engine Launcher, crear aplicación

•  Introduce tu Identificador de aplicación en el campo de Nombre de la aplicación.
Elige un directorio local padre para tu aplicación haciendo clic en el botón Browse. Se creará un Directorio de tu aplicación dentro de este directorio.
•  Deja el Port y el Admin Port en los valores predeterminados.
•  Haz clic en el botón Create.

Google App Launcher

Para editar la configuración de tu aplicación GAE local:

•  Elige tu aplicación en el GAE Launcher.
•  Haz clic en Edit.
•  Se abrirá el archivo "app.yaml" de tu aplicación en WordPad.
•  Reemplaza todo el texto (elimina el texto antiguo y escribe texto nuevo) con lo siguiente:

application: nombre-de-tu-aplicación
 version: 1
 runtime: python27
 api_version: 1
 threadsafe: yes

handlers:

"“ url: /
 static_files: www/index.html
 upload: www/index.html

"“ url: /
 static_dir: www

libraries:

"“ name: webapp2
 version: "2.5.2"

Reemplaza en la primera línea de este archivo nombre-de-tu-aplicación con el identificador de tu aplicación.
•  Guardar este archivo y cerrar WordPad.

Para agregar archivos de tu sitio web personal para tu aplicación local GAE:

•  Abre el directorio local padre de tu aplicación GAE.
•  Abre el directorio de tu aplicación.
•  Elimina los archivos con el nombre favicon.ico y main.py presentes en este directorio.
•  Crea un nuevo directorio (o carpeta) llamada www dentro de este directorio (Si deseas cambiar el nombre de este directorio tienes que cambiar el nombre de este directorio y reemplazar todos los www en el nombre de tu nuevo directorio en el archivo app.yaml).
•  Copia los archivos de tu sitio web (todos los archivos y sub-directorios dentro de sus carpetas, por ejemplo, index.html) al directorio www.

Si todo va bien, entonces el directorio de tu aplicación va a tener dos archivos (app.yaml y index.yaml) y un sub-directorio (www). El sub-directorio "www" tendrá los archivos y carpetas de tu sitio web.

directorio local, Google App Engine

Tarea 6: Desplegar/Subir tu aplicación personalizada a los servidores GAE

Has creado tu aplicación local de GAE y ahora es necesario comprobar y desplegar/cargar tu aplicación a los servidores GAE.

Para comprobar tu aplicación local de GAE:

•  Elige tu aplicación en el GAE Launcher.
•  Haz clic en Run.
Se te mostrará tu página web en el navegador web de tu ordenador (Si no lo hace, da marcha atrás y comprueba y mira si has seguido correctamente las instrucciones del tutorial).

Para implementar tu aplicación GAE:

•  Elige tu aplicación en GAE Launcher.
•  Haz clic en Deploy.
•  Se te pedirá su Identificación y contraseña Gmail. Introduce las credenciales de tu cuenta y pulsa Aceptar.
•  Verás una ventana de Python que detalla el progreso de la operación de carga. Tomará algún tiempo para cargar tu aplicación en función de la velocidad de su conexión a Internet.

Phyton subir a Google App Engine

¡Ya está!

Si has seguido todo el procedimiento precisamente, a continuación a estas alturas debes tener tu propio sitio web alojado en la web. Puedes comprobar tu sitio web en tu-nombre-personal.appspot.com . Si has alojado con éxito tu sitio web en Google App Engine, no te olvides compartir la dirección web de su App Engine a través de los comentarios.

Jesus_Caceres