Firebase Hosting custom domain configuration with GoDaddy DNS

hey guys this is chris j with johnsonscript and i wanted to make a short video today on configuring the firebase hosting with a godaddy domain name i initially had some issues with this um and i wanted to take you through it step by step now this is for after you've already configured and deployed your app on firebase and i'm going to make a video on how to do that as well but for now where we are is in the firebase console hosting and um you can see the domain names that my app is currently being hosted on these are the defaults that google gives you if you click on one of them um you can open up my app so now we're going to go back and we're going to at this point you should have a domain on godaddy if you go to godaddy go to your username on the top right and you go to my products you'll have all your domains listed here and the one i'm going to use is this weeklyclock.com now if i click on the three dots on the right and go to manage dns it'll bring up the dns records now we can see our records here i did have an a record and you will too delete that it's necessary um because we're going to replace them with the values that google provides so if we go back to the firebase console and we go to add custom domain we're going to type in our domain name hit continue and um now this opened up an advanced uh for you it will most likely open up a quick setup uh but either way i'm going to go through both uh so that's right now it's going to provide you with a record type a host and a value here we're going to copy the value and we're going to go back to godaddy and add an a type record the host is going to be at that means root and that essentially means your domain and it's going to point to this google address provided by firebase now for timberland i'm going to do 600 seconds which is my usual go to and save that back to firebase grab this second value and then back to the godaddy dns add another a record post again that and it points to its address time to live again custom 600 seconds and i'm going to save that so let's go through the advanced setup as well because you may be prompted with a txt instead of an a record which is fine you can see that it's providing you with two values now a host and a value we're going to copy both uh one at a time obviously and uh we're going to add a cxt record i'm going to put in that value for the host that provided by firebase and then copy the google verification value and put that as the txt value time to live again i'm going gonna customize that to 600 seconds and save it all right so now our firebase records are updated in our godaddy domain we go back to firebase um and hit this next button here it's going to say wait for your certificate to be provisioned this may take up to 24 hours and that's okay um you want if you went through the steps um how i just did you're fine it will take up to 24 hours to provision but what we can do in the meantime if you want to take a look at your url here [Music] you're going to see uh a little message that says your connection is not private um that's good if it were configured incorrectly it would say this page would be unable to load but because it says your connection is not private that means google is generating a token to secure the connection between your app and the go dating domain name you provided what you can also do is go to dns whatsmydns.net and you can enter the domain name that you just entered with a as the type of record we're looking for hit search and you can see that the google firebase uh a-type records that provided are coming up on um most servers around the world right now so that's good so that means it's provisioned correctly you just have to wait a day for it to fully launch and that's okay just uh close the dialog box now you're going to see it's going to prompt you do you want to add www.yourdomain.com as well yes you do because most people probably type that in um hit continue and we've already set up all these records so just hit finish and you're done all right so you can see pending um that's good and then eventually uh tomorrow what it's going to look like is this where it says connected and you're going to be able to just go to your the domain name that you linked it to and it will bring up your app so if you have any remaining questions feel free to leave in the comments below and thanks for watching

Channel: JohnsonScript

Views: 33,899

Keywords:

Id: VTltcz0l5Ho

Length: 6min 1sec (361 seconds)

Published: Sat Jul 17 2021