Home Web Front-end JS Tutorial NgSysV.Getting a Custom Domain

NgSysV.Getting a Custom Domain

Dec 07, 2024 pm 03:48 PM

This post series is indexed at NgateSystems.com. You'll find a super-useful keyword search facility there too.

Last reviewed: Nov '24

4. Introduction

The URL for your live system is currently something like https://svelte-dev-81286.nw.r.appspot.com. You'll surely want something snappier than this! For a very reasonable annual fee (currently around $20pa), commercial "domain retailers" such as SquareSpace will let you front-end your development with a market-friendly mygreatsite.com "custom URL".

Here's a brief description of the procedure that you would follow once you've purchased a custom URL:

4.1 Verify Domain Ownership:

  • In the left-hand menu of the App Engine dashboard, navigate to Settings > Custom Domains.
  • Click Add a Custom Domain.
  • If your domain is not yet verified Google will guide you through the steps to verify it. This typically involves adding a TXT record to your domain’s DNS settings.

4.2 Map the Domain to Your App:

Once the domain is verified, you can map it to your App Engine application:

  • In the Custom Domains section of App Engine Settings, select your custom domain from the list of verified domains.
  • Specify the subdomains (like www.example.com or just example.com) that you want to link to your app.
  • Google Cloud will provide the DNS records (usually CNAME, A and AAAA records) required to configure in your domain registrar’s settings.

4.3 Configure DNS Settings:

  • Go to your domain registrar (eg SquareSpace) and find the DNS settings for your domain.
  • Add the DNS records that Google provided during the domain mapping process as "custom" DNS records. These usually include:
    • a CNAME record: For subdomains like www, this points to ghs.googlehosted.com.
    • A records: For the root domain (like example.com), this will point to specific IP addresses provided by Google Cloud.
    • AAAA records: For the root domain (like example.com), this will point to specific IP addresses provided by Google Cloud.

After I'd finished doing this on the registration for ngatesystems.com at SquareSpace, my DNS custom records looked like this:

NgSysV.Getting a Custom Domain

A few words of explanation might be helpful here. "A" records are what the web's Domain Name Servers use to translate a URL such as ngatesystems.com into an IPv4 (32-bit) address like 216.239.32.21 that targets a physical machine. Except, in this case, you know this can't be quite right because when you chose the location of your App Engine machine, you selected it from a list of dozens. This address is actually the address of Google's "Global Load Balancer". I guess that you're given four addresses for this in order to provide redundancy. Additionally, you're given four "AAAA" records mapping to IPv6 (128-bit) addresses. This new standard enables the web to support many more physical targets than the original IPv4 scheme. Anyway, to sum up, a DNS record like @ A 216.239.32.21 says "map a request for ngatesystems.com (the @ symbol is a shortcut for the root address of your site) to a machine at 216.239.32.21

Finally, the CNAME record, which stands for 'Canonical Name', directs traffic for ngatesystems.com's subdomain at www.ngatesystems.com to the Google traffic handler at ghs.googlehosted.com. It's called a 'Canonical' Name because it provides a unique reference for resolving the domain to its correct destination, simplifying DNS management and ensuring consistent routing.

4.4 Set Up SSL (Enable use of HTTPS addresses):

  • Google Cloud automatically provisions SSL certificates for your custom domain. If you visit the Custom Domains section after mapping your domain, you'll see the SSL status as "Provisioning." It usually takes a few minutes to complete.
  • Once complete, your app will be accessible over HTTPS.

4.5 Wait for DNS Propagation:

  • DNS changes can take some time to propagate, so your custom domain might not work immediately. This process can take a few minutes to several hours, depending on your registrar.

The above is the detailed content of NgSysV.Getting a Custom Domain. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Hot Topics

Java Tutorial
1653
14
PHP Tutorial
1251
29
C# Tutorial
1224
24
What should I do if I encounter garbled code printing for front-end thermal paper receipts? What should I do if I encounter garbled code printing for front-end thermal paper receipts? Apr 04, 2025 pm 02:42 PM

Frequently Asked Questions and Solutions for Front-end Thermal Paper Ticket Printing In Front-end Development, Ticket Printing is a common requirement. However, many developers are implementing...

Demystifying JavaScript: What It Does and Why It Matters Demystifying JavaScript: What It Does and Why It Matters Apr 09, 2025 am 12:07 AM

JavaScript is the cornerstone of modern web development, and its main functions include event-driven programming, dynamic content generation and asynchronous programming. 1) Event-driven programming allows web pages to change dynamically according to user operations. 2) Dynamic content generation allows page content to be adjusted according to conditions. 3) Asynchronous programming ensures that the user interface is not blocked. JavaScript is widely used in web interaction, single-page application and server-side development, greatly improving the flexibility of user experience and cross-platform development.

Who gets paid more Python or JavaScript? Who gets paid more Python or JavaScript? Apr 04, 2025 am 12:09 AM

There is no absolute salary for Python and JavaScript developers, depending on skills and industry needs. 1. Python may be paid more in data science and machine learning. 2. JavaScript has great demand in front-end and full-stack development, and its salary is also considerable. 3. Influencing factors include experience, geographical location, company size and specific skills.

How to achieve parallax scrolling and element animation effects, like Shiseido's official website?
or:
How can we achieve the animation effect accompanied by page scrolling like Shiseido's official website? How to achieve parallax scrolling and element animation effects, like Shiseido's official website? or: How can we achieve the animation effect accompanied by page scrolling like Shiseido's official website? Apr 04, 2025 pm 05:36 PM

Discussion on the realization of parallax scrolling and element animation effects in this article will explore how to achieve similar to Shiseido official website (https://www.shiseido.co.jp/sb/wonderland/)...

Is JavaScript hard to learn? Is JavaScript hard to learn? Apr 03, 2025 am 12:20 AM

Learning JavaScript is not difficult, but it is challenging. 1) Understand basic concepts such as variables, data types, functions, etc. 2) Master asynchronous programming and implement it through event loops. 3) Use DOM operations and Promise to handle asynchronous requests. 4) Avoid common mistakes and use debugging techniques. 5) Optimize performance and follow best practices.

The Evolution of JavaScript: Current Trends and Future Prospects The Evolution of JavaScript: Current Trends and Future Prospects Apr 10, 2025 am 09:33 AM

The latest trends in JavaScript include the rise of TypeScript, the popularity of modern frameworks and libraries, and the application of WebAssembly. Future prospects cover more powerful type systems, the development of server-side JavaScript, the expansion of artificial intelligence and machine learning, and the potential of IoT and edge computing.

How to merge array elements with the same ID into one object using JavaScript? How to merge array elements with the same ID into one object using JavaScript? Apr 04, 2025 pm 05:09 PM

How to merge array elements with the same ID into one object in JavaScript? When processing data, we often encounter the need to have the same ID...

How to implement panel drag and drop adjustment function similar to VSCode in front-end development? How to implement panel drag and drop adjustment function similar to VSCode in front-end development? Apr 04, 2025 pm 02:06 PM

Explore the implementation of panel drag and drop adjustment function similar to VSCode in the front-end. In front-end development, how to implement VSCode similar to VSCode...

See all articles