Solución:
Nota de actualización: Heroku y Namecheap cambian sus interfaces de vez en cuando. Es posible que esta respuesta tenga capturas de pantalla desactualizadas, pero se actualizará con el tiempo. Vea estas actualizaciones a continuación.
Acabo de hacer esto yo mismo, así que pensé en intervenir ya que la respuesta no ilustra cómo hacer que www.domain.com y domain.com funcionen. Heroku también cambió un poco su interfaz de administración.
Namecheap
- Primero, iniciar sesión en Namecheap.
- Ir a Lista de dominios y haga clic en “Administrar” para el dominio que está configurando.
– Establecer ambos tipos de registro en CNAME (Alias) e ingrese su
<name>.herokuapp.com en ambos cuadros de URL (@ y www).
(PD: si no están allí, haga clic en “Agregar nuevo registro” y agréguelos allí).
Próximo, dirígete a Heroku
- Inicie sesión y elija su proyecto de la lista. Para este ejemplo, elegimos el proyecto “Lakka”.
- En la página del proyecto, haga clic en Ajustes
- Desplácese hacia abajo y busque el Agregar sección de dominio
- Entra tu
domain.comy haga clic en Guardar. - Vuelva a hacer clic en el botón e introduzca su
www.domain.comy haga clic en Guardar.
Eso es todo, ¡has terminado! Ahora cuando entras domain.com o www.domain.com en su navegador, ambos mostrarán su proyecto Heroku.
En este ejemplo, http://lakka.herokuapp.com sería accesible (después de la actualización de DNS) también en http://lakkatracker.com y http://www.lakkatracker.com.
(Si desea redirigir el tráfico de www.domain.com a domain.com, lo cual es una buena práctica, puede usar el tipo de registro “URL (Redirect)” para el nombre de host www)
Puede tomar algún tiempo antes de que sus DNS reconozcan los cambios. Puede intentar usar un proxy para realizar pruebas, como Anonymouse, si sus cambios no se reflejan de inmediato.
1) Vaya a Namecheap y vaya al dominio que desea administrar.
2) En la barra lateral izquierda, haz clic en “Todos los hosts de grabación”, NO en ninguno de los otros tutoriales de jazz que te dicen. No es necesario realizar cambios en el apuntado de DNS. Es más fácil usar alias.
3) Una vez que lo haga, verá una línea que comienza con “www” como una opción CNAME (Alias). Complete esto como el nombre de dominio de su aplicación heroku example.herokuapp.com
Eso es todo por namecheap.
4) Luego, en la configuración de heroku, en “dominios”, ingrese el nombre de dominio comprado que desea que se muestre.
¡Eso es todo! Es tan fácil como informar a heroku y namecheap sobre ambos alias de dominio.
Créditos para este blog: http://blog.romansanchez.me/2013/06/08/point-namecheap-domain-to-heroku/
Actualizar:
Aparentemente, heroku solo permitirá sitios con www. antepuesto. Tener un verdadero dominio raíz sin www. tomará un poco de piratería ninja adicional.
Namecheap actualizó su interfaz. Nuevas capturas de pantalla para complementar otras buenas respuestas:
