web-dev-qa-db-fra.com

Configurer un domaine personnalisé avec heroku et namecheap

J'ai suivi toutes les instructions sur https://devcenter.heroku.com/articles/custom-domains pour configurer mon domaine personnalisé, mais il ne fonctionne toujours pas. 

Sur Heroku, j'ai les domaines suivants:

myapp.herokuapp.com

myapp.com

www.myapp.com

Et sur Namecheap, j'ai les paramètres suivants:

Nom d'hôte | ADRESSE IP/URL | TYPE D'ENREGISTREMENT

@ http://myapp.com Redirect URL

www myapp.herokuapp.com. CNAME (alias)

Lorsque je lance: "Héberger www.myapp.com" dans mon terminal, je m'attends à ce que "www.myapp.com soit un alias pour myapp.herokuapp.com". Au lieu de cela, je reçois:

"www.myapp.com est un alias pour myapp.heroku.com"

Je n'arrive pas à comprendre pourquoi cela pointe sur myapp.heroku.com, car je n'ai spécifié que myapp.herokuapps.com. 

Est-ce que quelqu'un sait pourquoi cela se passe?

ruby-on-railsheroku
42
mravca

1) Accédez à Namecheap et accédez au domaine que vous souhaitez gérer.

2) Dans la barre latérale gauche, cliquez sur "Tous les hôtes d’enregistrement", PAS AUCUN des autres didacticiels sur le jazz. Aucun changement de pointage DNS n'est nécessaire. C'est plus facile d'utiliser un alias.

namecheap sidebar all Host records

3) Une fois que vous avez terminé, une ligne commençant par "www" apparaît comme une option CNAME (Alias). Remplissez-le comme nom de domaine de votre application heroku example.herokuapp.com

namecheap CNAME alias location

Voilà pour namecheap.

4) Ensuite, dans les paramètres heroku, sous "domain", entrez le nom de domaine que vous avez acheté et que vous souhaitez afficher.

heroku settings domains

C'est tout! C'est aussi simple que de laisser heroku et namecheap connaître les deux alias de domaine.

Crédits à ce blog: http://blog.romansanchez.me/2013/06/08/point-namecheap-domain-to-heroku/

Mettre à jour:

Apparemment, heroku n'autorisera que les sites avec www. préfixé. Pour avoir un vrai domaine racine sans www., il faudra un peu plus de piratage ninja.

36
ahnbizcad

Note de mise à jour:Heroku et Namecheap changent d'interface de temps en temps. Cette réponse peut avoir des captures d'écran obsolètes, mais elle sera mise à jour au fil du temps. Voir ces mises à jour ci-dessous.

Comme je viens de le faire moi-même, je me suis dit que je devrais en parler car la réponse ne montre pas comment faire fonctionner à la fois www.domain.com et domain.com. Heroku a également changé son abit d'interface d'administration.

Namecheap

  • Tout d'abord, connectez-vous à Namecheap. 
  • Accédez à Liste de domaines et cliquez sur "Gérer" pour le domaine que vous configurez. 

Namecheap- définissez les deux types d’enregistrement sur CNAME (alias) et entrez votre <name>.herokuapp.com dans les deux boîtes d’URL (@ et www). 

(PS: s’ils ne sont pas présents, cliquez sur "Ajouter un nouvel enregistrement" et ajoutez-les ici.)

 enter image description here

Ensuite, dirigez-vous vers Heroku

  • Connectez-vous et choisissez votre projet dans la liste. Pour cet exemple, nous choisissons le projet "Lakka".

 enter image description here

  • Sur la page du projet, cliquez sur Paramètres

 enter image description here

  • Faites défiler la liste et trouvez le section Ajouter un domaine

 enter image description here

  • Entrez votre domain.com et cliquez sur Enregistrer.
  • Cliquez à nouveau sur le bouton, entrez votre www.domain.com et cliquez sur Enregistrer.

 enter image description here

Ça y est, vous êtes fait! Désormais, lorsque vous entrez domain.com ou www.domain.com dans votre navigateur, les deux projets afficheront votre projet Heroku. 

Dans cet exemple, http://lakka.herokuapp.com serait accessible (après la mise à jour des DNS) également sur http://lakkatracker.com et http://www.lakkatracker.com .

(Si vous souhaitez rediriger le trafic de www.domain.com vers domain.com, ce qui est une bonne pratique, vous pouvez utiliser le type d'enregistrement "URL (Redirect)" pour le nom d'hôte www).

Cela peut prendre un certain temps avant que vos DNS ne reconnaissent les modifications. Vous pouvez essayer d’utiliser un proxy pour le test, tel que Anonymouse , si vos modifications ne sont pas immédiatement reflétées.

41
Coreus

Namecheap a mis à jour son interface. Nouvelles captures d'écran pour compléter d'autres bonnes réponses:

 step 1

 step 2

 step 3

16
brntsllvn

Si vous souhaitez que tout le trafic pointe vers http://example.com , procédez comme suit:

 enter image description here

et définissez exemple.com et www.example.com dans les paramètres Heroku. 

Puis testez tout en utilisant http://anonymouse.org

5
David Dehghan

Configurez une configuration namecheap qui ressemble à ceci:

 enter image description here

Et une config heroku qui ressemble à ceci:

 enter image description here Et vous êtes prêt à partir!

3
galarant

Je ne pouvais pas faire fonctionner à la fois www.myapp.com et myapp.com, donc l'une des solutions de contournement que j'ai trouvées consistait à définir CNAME et @ sur www., Puis, dans l'onglet Domaine, définissez "Redirect Doman" dans myapp. .com à www.myapp.com. J'espère que cela pourra aider!

0
Andrew Southard

Voici 2 possibilités,

  1. Vous avez précédemment indiqué les enregistrements DNS à myapp.heroku.com et les modifications ne sont pas encore propagées.
  2. Cela pourrait être un artefact du changement Heroku a créé des applications de déplacement du domaine heroku.com vers le domaine herokuapp.com, mais je ne sais pas comment cela pourrait se produire ni pourquoi cela se produirait pour vous; Les enregistrements de mes applications pointent tous directement sur herokuapp.com, mais je n’utilise pas NameCheap.

Vous pouvez essayer d'enregistrer un autre domaine (gratuit) avec une entité telle que .tk pour voir si cela est spécifique à NameCheap.

0
Othrayte