The Simple & Effective Way to Get Ionic 5 Running on Godaddy

I’ve used Godaddy for a long time for storing pure HTML files, videos, and PHP files. But I have to be honest, for the past 2 years, I haven’t really touched my Godaddy server at all.

Why you may ask? I have been developing my skillset in Ionic/Angular and the suggested place for running a live server with that tech stack is Heroku.

Image from “Using Ionic and Heroku”

Now there are some very good pros to using Heroku over Godaddy when it comes to running an Ionic server. However, I wrote this article not to suggest that Heroku shouldn’t be used for Ionic and Godaddy should. I simply wrote this article to allow the people like me that have a Godaddy server and would like to use it with an Angular or Ionic project.

Enhance Ionic — 🦴 Adding Bones To Your Ionic 5 App 💀

Tools We Will Need

Before we get started, we need to get a few things together. The items you will need for this project are:

• A Godaddy account with a server
• A domain on the Goddady account you would like to use
• IDE of your choosing (My favorite is PHPStorm)
• FTP client (My favorite is FileZilla)
• An Ionic Project (If you do not have one, you can click here to get the Ionic Project I created in the article “Use Your 404 Pages to Be as Influential as Amazon”)

https://javascript.plainenglish.io/the-different-types-of-ionic-5-starter-template-75091ae916e3

Getting Started

To begin, we need an Ionic App that has already been built and is ready to publish to the internet.

Once you have opened the Ionic App project you would like to use on your Godaddy server, run the following command in the project terminal:

ionic build --prod

This will build a Production-ready copy of your project that can be used to deploy to Godaddy.

Connecting to Your Godaddy Server via FTP

Next, we will work on getting connected to your Godaddy server using the FTP client we spoke about above.

For us to connect to the Godaddy server, we will need a few bits of information:

• Host Name (the domain you would like to use)
• Server Username
• Server Password

To find these items:

1. Log into Godaddy
2. On the “My Products” page, tap on “Manage” under Web Hosting

3. After the page loads, you will see the information we need to connect to the Server in the FTP client to the right of the page.

The Primary domain will be placed in to Host Field in FileZilla, the cPanel login will be the Username in FileZilla, and the Password obviously will be the password in FileZilla.

After you have entered the information and tapped “Connect” you will see your Servers’ files to the right. Navigate into public_html and then into the domain you would like the Ionic App to use. Then on the left navigate to the Ionic App directory.

If the build from earlier passed successfully, drag the contents of the folder www into the empty directory for the domain.

It may take a few minutes to upload all the contents to your server depending on your connection speed.

Adding Badge Notifications with Ionic 5 and Angular

Finish

Congratulations! Once that action has completed, you can open up a web browser and navigate to the website domain that you used. If everything went successfully, you should see your Ionic App running on the page.

Note:

To have a secure site, you will need to purchase an SSL Certificate for the domain you use.

If you would like to be the first to know about the newest articles and videos, join my newsletter: 100 Days of Ionic