Desarrolladores: Trucos semanales

Asigna subdominios a tus clientes

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
Aprende los mejores trucos y tips, y descubre los conceptos básicos indispensable para todo desarrollador web, independientemente de tu experiencia. Si ya llevas desarrollando por años o si vienes del mundo del diseño y jamás has tocado una sola línea de código, todo lo que aprenderás con esta serie semanal de trucos serán una gran adición a tu actividad profesional y apuntalará tus habilidades como programador o desarrollador. Descubre desde increíbles consejos para que puedas tratar con tu cliente y saber cómo cobrar adecuadamente, hasta cuestiones técnicas claves para organizar y gestionar mejor tu tiempo y proyectos desarrollando.
05:48
  Añadir a marcadores

Transcripción

Parte del trabajo de todo desarrollador es el profesionalismo con el que entregamos las cosas. No se trata solo de programar, que sirva y entregar. Se trata de ponerle esa pizca de sabor y pasión en nuestros proyectos para que te sientas muy satisfecho y tu cliente sienta que estás tratando con un verdadero profesional, incluso si es tu primer proyecto. Parte de esto es preparar el entorno adecuado para presentar avances al cliente, o que tenga disponible un portal personalizado donde puedas revisar el estado del proyecto. Generalmente, hacemos cosas como enviarle una dirección IP, que tal vez no sepa cómo se usa a la primera y se le olvide y le enviamos una URL de un servicio gratuito que suele ser muy grande y que obviamente no puedes personalizar. Eso está bien para tus proyectos internos donde vas aprendiendo, pero no para los clientes. Si piensas que esto es caro, hay que pagar y demás ideas de este tipo, debo decirte que sí, tal vez debas de pagar aunque sea solo por un dominio que no te costará más allá entre 8 o 20 dólares por año, dependiendo del tipo de dominio que estés usando. Veamos cómo puedes configurar tu dominio con servicios como CloudFlare, GitHub y Heroku para darle una presentación más formal e impactante a tus proyectos. Para asignar un subdominio a un entorno personalizado de trabajo para nuestros clientes, vamos a utilizar un par de herramientas gratuitas. Entre ellas vamos a trabajar con Heroku y con GitHub y también vamos a trabajar con CloudFlare. Lo único que tienes que hacer tú es conseguir un dominio o comprarlo. Ahora, vamos a comenzar primero a trabajar con Heroku. Una vez que creamos una aplicación con Heroku vamos a ponerle un nombre, en este caso, vamos a poner de nombre "mi-proyecto-yfx". Una vez que ya lo tengamos listo pulsamos el botón Create App. Cuando se crea, aparecen todas las opciones en Heroku para administrar tu proyecto. Lo que nos interesa muy puntualmente es acudir a la opción de Settings. En la opción de Settings vamos a recurrir a una sección que dice Add domain. En esa sección de Add domain yo voy a escribir el dominio que deseo utilizar. En este caso, mi proyecto se llama "mi_proyecto_yfx" y el dominio con el cual yo estoy trabajando es "yacafx.com". Por ahora, este subdominio no existe porque no lo hemos creado pero vamos a comenzar con esa asignación, así que vamos a dar en Save changes y con esto ya me crea el dominio, pero pongamos atención en esto. Me genera una opción que dice DNS Target. En ese DNS Target yo lo voy a copiar y lo voy a utilizar en CloudFlare. Una vez que tú accedes a CloudFlare vas a poder ver que tienes distintas opciones. Entre ellas existe la de DNS. Cuando ya tienes configurado, registrado tu dominio directamente con CloudFlare, accedes a la sección de DNS y vamos a la opción del tipo de dominio que queremos ocupar. En este caso, vamos a elegir la opción CNAME. Una vez que la elegimos, en el primer campo, va a venir el nombre de mi proyecto, sin el dominio, es decir, el nombre que yo deseo asignar al subdominio. En este caso, si este se sigue siendo muy grande, yo simplemente puedo dejarlo así, todo pegado. Y por acá vamos a pegar lo que se generó directamente en esa sección cuando creamos el acceso del dominio en Heroku. Listo, vamos a pulsar el botón Add Record. Y una vez que lo actualiza comienza un proceso de aplicación, así que muy probablemente no lo tengas en cuestión de segundos y minutos, tal vez dura varias horas este proceso en lo que se aplica. Así, posteriormente cuando tú accedas al sitio web, vamos a probar *miproyecto.yacafx.com", qué hace en este caso, para mi dominio, me va a redireccionar directamente a una aplicación de Heroku. Como vemos, ya tengo mi dominio asignado. Y así, si tu quieres generar más subdominios generas más aplicaciones y, tal cual, sigues agregando nuevos registros del tipo CNAME donde el primero va a ser el subdominio y el segundo, en el valor, va a ser el alias que te asigne Heroku. El otro servicio que podemos utilizar es GitHub a través de un servicio que también proporciona llamado GitHub Pages. Aquí, tú puedes generar tu propia web estática ya sea directo para toda tu cuenta o a través de cada uno de los proyectos que tienes. En este caso, nosotros tenemos aquí un proyecto creado llamado "my-other-app-yfx". Directamente aquí, lo único que tenemos que hacer en nuestro repositorio, sin importar qué otros archivos existan, hay que crear un archivo llamado CNAME. Dentro del CNAME vamos a escribir el nombre del dominio que yo quiero registrar. Ahora, para poder registrarlo directamente vamos a seguir unos pasos muy similares a lo que se trabajó con Heroku, solo que aquí va a existir un cambio. Cuando yo registre mi aplicación tendré que escribir el nombre de mi cliente y, en el valor, tendré que escribir el nombre del repositorio general donde yo estoy trabajando. Porque, a final de cuentas, cuando tú accedes a un repositorio de esta manera, debes acceder a través de "yacafx.github.io", o, más bien, a través del (nombre de tu usuario) .github.io/(el nombre de tu proyecto). Y aquí lo agregas, ahora, generalmente, GitHub toma un poquito más de tiempo al replicar. Así que si inmediatamente lo actualizas y tratas de buscar una respuesta puede ser que no te aparezca, así que sé un poco paciente. De cualquier manera, ya pudiste ver como este efecto funciona con Heroku, así también lo puedes trabajar directamente con GitHub cuando estás trabajando con aplicaciones web o páginas web estáticas. Así entonces, ya tienes un entorno que puedes presentar al cliente con un dominio personalizado sin que esto se vea mal.