Custom domain does not work on Heroku app url - node.js

I am trying to link my heroku app to my domain.
The image below shows that my heroku is pointing my my domain
https://pbs.twimg.com/media/Dnu7GK_UcAAd7vE.jpg:large
but when you visit my domain
https://cleveroscar.com
it loads up my markdown file instead of my app,
but on my heroku url the app is working perfect
https://young-castle-28382.herokuapp.com/
I am a self-taught developer so please excuse my unprofessional questions

Here is the right way to point your hosting to your domain name
Did you do them?
heroku domains:add example.com
heroku domains:add www.example.com
heroku domains:add *.example.com
This is to point your domain name from heroku side
Here is a youtube video to make it easier https://www.youtube.com/watch?v=kKGSGT7mSnQ&t=29s
Please let me know if this does work

Related

Deploying a custom domain with Heroku and Domain.com

I'm new to web dev and this would be my first proper deployment so apologies if this is a basic question. After following the steps on Heroku and Domain.com, my app is not showing at the desired url: www.rocketcreative.agency
Heroku
I've set up a basic web app (a draft version atm) on Heroku, and the code is working fine on https://hidden-sierra-22116.herokuapp.com . I've followed the Heroku instructions to generate a DNS target (cubic-orange-7jtaz36102kt9f8dir53koko.herokudns.com) for a domain I own (www.rocketcreative.agency) Heroku Dashboard Screenshot
Domain.com
I added the DNS target to Domain.com as a CNAME (with 'www' as the host name). I've waited 24 hours for the changes to propagate, and DNS checking sites indicate that the DNS has propagated. I've spoken to Domain.com support and they said everything appears to be set up correctly. Domain.com DNS Screenshot
Terminal:
In the terminal, when I input host www.rocketcreative.agency, it returns www.rocketcreative.agency is an alias for encircled-horseradish-4mpqnlzar9say364tz3hgy80.herokudns.com.
Browser Results for www.rocketcreative.agency
Safari: 'Safari Can't Find The Server'
Chrome: 'www.rocketcreative.agency’s server IP address could not be found. DNS_PROBE_FINISHED_NXDOMAIN'
I imagine this is a really basic question but if anybody could help that would be great. If there's any other info I need to provide please let me know. :)
Hold the phone! I've solved this one, but I'll leave the question up incase anybody encounters the same. Ran the Heroku DNS Diagnostic tool and there were some issues with https:// - fixed by running: heroku domains -a hidden-sierra-22116 heroku ps:resize web=hobby heroku certs:auto:enable heroku certs:auto It said 'cert issued' and now the url works

React, Node.js, Express, Heroku, GoDaddy redirect problem

So I've built an online platform with React using Node.js and Express for the backend. Everything runs as it should on local and on my Heroku URL. Now I want to add a custom domain using GoDaddy, but it is just not working.
I've got my SSL certificate with Heroku and everything there seems to be correct. However, on the GoDaddy side, everything seems to be correct too. I've set my www CNAME in GoDaddy to my Heroku DNS URL. Also, I redirect my root domain to my www.domain and that seems to work fine too. But when I check my www.domain.com it says the location is domain.com which is not correct I guess.
The root domain is studoo.app
the studoo.app request location is set to https://www.studoo.app which is right because I've set that 301 redirect in GoDaddy
But when I go to www.studoo.app the location is set to studoo.app which I don't understand
when visiting www.studoo.app I get the "Your connection is not private" error.
If anyone could help me out, please reach out. I've been searching for a week now πŸ€¦πŸ»β€β™‚οΈ
Make sure you have both studoo.app and www.studoo.app as domains on heroku. On go daddy I would point both the root and www to the heroku URL

configuring heroku hobby dyno with a namecheap domain at root level

This question is highly similar to this, but barely different:
configuring namecheap domains with heroku
Here is what I have (for the purposes of hiding the original site, I have omitted its name for the string 'asdf'):
A namecheap domain titled as follows: asdf.com
A herokuapp running on a dyno that is hobby level that also has ACM set for automatic certificate management. It is running at https://asdf.herokuapp.com/ and this link works and gets my pushes from github integration. It is awesome :)
I want to link these up so that instead of having my site as https://asdf.herokuapp.com it would instead be https://asdf.com, so that is why I went and bought the namecheap domain for it, but linking these together I have failed at every opportunity. I have tried many different patterns but unfortunately I'm unknowledged on this layer of things. Here is something I have tried, but does not work:
On Heroku: Create a custom domain of: asdf.com
Heroku then supplies me with: asdf.com.herokudns.com
I then go into namecheap, and remove any and all possible cnames or redirects.
I create a new CNAME | host: www | target: asdf.com.herokudns.com
When trying to hit the site, I get this error:
ERR_NAME_NOT_RESOLVED
If I try changing CNAME host to # on namecheap, I get:
ERR_SSL_PROTOCOL_ERROR
Any help is greatly appreciated, and if more information is needed just ask.
Thank you.
I am experiencing the same issue. I've contacted Namecheap and Heroku both for support. This is what I've come up with, but my domain is still not resolving.
Since you're pointing www.mollydwellness.org at your app, you'll need to make sure you've added that to your Heroku config (currently you only have the non-www version assigned):
$ heroku domains:add www.mollydwellness.org --app mollydwellness
Once that is added, you should receive a new DNS target that you'll need to use to update your CNAME record.
$ heroku domains
=== mollydwellness Heroku Domain
mollydwellness.herokuapp.com
=== mollydwellness Custom Domains
Domain Name DNS Record Type DNS Target
────────────────────── ─────────────── ────────────────────────────────────
www.mollydwellness.org CNAME www.mollydwellness.org.herokudns.com
mollydwellness.org ALIAS or ANAME mollydwellness.org.herokudns.com
Namecheap Config
Type Host Value TTL
CNAME Record www
www.mollydwellness.org.herokudns.com.
5 min
URL Redirect Record
#
http://www.mollydwellness.org/
Unmasked
I am told to give it another 30 minutes before contacting support again. It's been 45 minutes and still not resolving.
Very confused, probably just going to deploy it myself to a VPS because that would be easier at this point. I went with Heroku to save myself time, but it appears there can be no shortcuts. More help from the community would be great.
the only thing you need to do for dns, is going to heroku, setting the following on the custom domain :
*.mywebsite.com
mywebsite.com
www.mywebsite.com
on Namecheap you do the following configuration:
CNAME Record # myapp.herokuapp.com. 1 min
CNAME Record www myapp.herokuapp.com. 1 min
URL Redirect Record # https://www.myapp.herokuapp.com Unmasked
URL Redirect Record www https://www.aipredictor.herokuapp.com Unmasked
and you are done. that covers all of the possible scenarios.

custome domain name cannot display path on heroku

I am running my APP on Heroku with a name: http://appname.herokuapp.com
Now I have a personal domain: http://www.appname.com
I managed to post my personal domain to heroku name successfully. So when people visit http://www.appname.com, they will be redirected to http://appname.herokuapp.com.
However, the domain path is not displayed. For example, if I have a link on http://appname.herokuapp.com/path/to/destination, I can get that page, but the domain name is always showing http://www.appname.com which is supposed to be http://www.appname.com/path/to/destination.
My APP is written in NodeJS, so if necessary , I can change the route function inside.
Thanks
Derek
You are probably using silent redirects/forwarding features of your domain registrar, which will not work for URL paths. You need to use/configure a DNS server to perform the routing. In your case simply create a CNAME DNS record from www.appname.com to appname.herokuapp.com

Can I use subdomains with my Heroku subdomain?

I have a node app which uses vhost to manage subdomains. So, on my localhost I have:
main.localhost
admin.localhost
api.localhost
In production I have:
main.example.com
admin.example.com
api.example.com
I have a staging system on Heroku too.
so what I want to be able to do is:
main.example.herokuapp.com
admin.example.herokuapp.com
api.example.herokuapp.com
That doesn't seem to work. Is there a way of achieving it, or do I need to create a separate domain and point my nameservers there?
Sure this is possible. But you'll need to do this via your main domain, since it appears Heroku doesn't support wildcard subdomains on the herokuapp.com domain. (How to create a subsubdomain for an app on heroku: (e.g. sub.myapp.herokuapp.com))
First, set a CNAME record for *.staging.example.com to point to example.herokuapp.com
Then tell Heroku to route your domain properly:
$ heroku domains:add *.staging.example.com

Resources