--- title: "How to create CNAME record to install your HTML5 webapp on your own domain" description: "That was one of the great features that came with GoodBarber Salvador back in September. Every GoodBarber account has a great web app associated, in addition to" canonical_url: "https://www.goodbarber.com/blog/how-to-create-cname-record-to-install-your-html5-webapp-on-your-own-domain-a371/" lang: en date: 2014-03-26 last_updated: 2017-06-14 --- # How to create CNAME record to install your HTML5 webapp on your own domain [Back](/blog/make-it-r13/) # How to create CNAME record to install your HTML5 webapp on your own domain Written by [Dumè Siacci](https://www.goodbarber.com/blog/author/dominique-siacci/) on Wednesday 26 March 2014· Last update: Wednesday 14 June 2017 ![](https://cmsphoto.ww-cdn.com/superstatic/41269/art/grande/6428834-9701031.jpg?v=1395249130.1219537) That was one of the great features that came with GoodBarber Salvador back in September. Every GoodBarber account has a great **web app** associated, in addition to the **native app for iPhone** and the **native app for Android**. Your natives apps are distributed in the App Store and in Google Play. But what about the web app? By default, your web app is located on http://.goodbarber.com/m/. But you can (you should?) change this URL and choose your own. For instance, you can decide to link your web app to http://m.yourdomain.com That will be far more convenient for your users to access your html5 web app, right ? That's what we're going to do together in this post. ## Let's start from the beginning ![This illustration comes from Wikipedia](https://cmsphoto.ww-cdn.com/superstatic/41269/art/grande/6428834-9701032.jpg?v=1395249315.7297575 "This illustration comes from Wikipedia")[This illustration comes from Wikipedia](http://en.wikipedia.org/wiki/File:An_example_of_theoretical_DNS_recursion.svg) In order to make your HTML5 web app use your own **domain name** (or subdomain), you will have to make some modifications in your registrar's interface. You'll define a [CNAME record](http://en.wikipedia.org/wiki/CNAME_record) associated with GoodBarber for your domain name. You probably know that computers on the internet (typically web servers) are identified by their IP addresses. The domain names (the names you type to access a website, like yourdomain.com), are managed by a system called DNS, which stands for [Domain Name System](http://en.wikipedia.org/wiki/Domain_Name_System) . Wikipedia says about the DNS: "*An often-used analogy to explain the Domain Name System is that it serves as the phone book for the Internet by translating human-friendly computer hostnames into IP addresses. For example, the domain name www.example.com translates to the address 93.184.216.119. [...]* *A DNS name server is a server that stores the DNS records for a domain name [...] and responds with answers to queries against its database.*" Unless you've changed it, the DNS server associated with your domain name is the one of your **registrar**. That's where you'll be able to manage the DNS records for your domain name. Typically, you will find several types of records in your DNS server : the MX are the ones used by e-mail clients, the A ones are the main ones, and the CNAME are the ones we're focusing on :) ## Creating a CNAME record In this example, we'll have a look at the **GoDaddy** manager. *Each registrar has its own interface to manage the DNS records, so it's not possible to give a universal step-by-step process to follow. Anyway, most of the time the steps will be the same. You registrar has also probably some guides that you can follow to create the CNAME record.* ## Go to your GoodBarber backend, in the Publication > Submit > HTML5 menu ![](https://cmsphoto.ww-cdn.com/superstatic/41269/art/grande/6428834-9701041.jpg?v=1395250181.946862) The first step is easy: you just have to enter your domain name, and choose which subdomain you want for your HTML5 web app. Click on the **OK** button. ## Go to your GoDaddy domain manager ![](https://cmsphoto.ww-cdn.com/superstatic/41269/art/grande/6428834-9701042.jpg?v=1395250328.1908646) Select your domain name in the list, and click on the **DNS Zone File** tab. Here you are! The lines you see are the DNS records associated with your domain name. Click now on the **Edit** button. ## Click on Add Record button ![](https://cmsphoto.ww-cdn.com/superstatic/41269/art/grande/6428834-9701056.jpg?v=1395252930.2220352) In the header of the Zone File Editor, you should see a button called **Add record**. Click on it, that's exactly what we're here to do. ## Set up your record ![](https://cmsphoto.ww-cdn.com/superstatic/41269/art/grande/6428834-9701351.jpg?v=1395253085.2389243) Fill the form with the info that you can find in your GoodBarber backend. - **Record type**: CNAME - **Alias name**: the value which is displayed in the Name column - **Points to host name**: the value which is displayed in the Server column - **TTL**: leave the default value Click on **OK** to validate. ## Don't forget to save your modifications Click on the **Save zone file** button. ## Go back to your GoodBarber backend You can now go back to your GoodBarber backend and finish the process: just click on the button called **Finalize the installation**. You have now finished the process, but it can take several hours (the time of the DNS propagation) to be fully working. Once done, you'll be able to access your HTML5 web app directly from your domain name. ## And after ... ? Another interesting point can be to automatically redirect the visitors of your website to your HTML5 web app if they're visiting your website from a mobile phone. You can find the small piece of code to copy & paste on your website header in the **Publication > HTML5** menu. - [#CNAME](https://www.goodbarber.com/blog/tags/cname) - [#How To](https://www.goodbarber.com/blog/tags/how%20to) - [#Tips](https://www.goodbarber.com/blog/tags/tips) ![Dominique Siacci](https://blog.goodbarber.com/_public/profile/ca/ca3512f4dfa95a03169c5a670a4c91a19b3077b4-default.jpg) About the author[Dominique Siacci](https://www.goodbarber.com/blog/author/dominique-siacci/)CTO Co-founder and CTO of GoodBarber. I drive the product's technical vision: architecture, infrastructure, and more recently the integration of AI at the core of the platform. A developer at heart, I stay close to the code and the engineering decisions that enable thousands of GoodBarber users to publish their apps without writing a single line of code. [Read more](https://www.goodbarber.com/blog/author/dominique-siacci/) [![LinkedIn](https://portal.ww-cdn.com/portal_static/svg/base2021/linkedin.3ed8162e2a2b.svg)](https://fr.linkedin.com/in/dsiacci/)[![X](https://portal.ww-cdn.com/portal_static/svg/base2021/x.820492c586dd.svg)](https://twitter.com/dsiacci)[![Facebook](https://portal.ww-cdn.com/portal_static/svg/base2021/fb.be37c82b8283.svg)](https://www.facebook.com/dsiacci)