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.
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 💀
You may be thinking when you clicked on this post “he’s going to talk about structuring your Ionic app and what to…
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”)
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:
- Log into Godaddy
- 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
So you have an app that you’ve been working on for a while, and you can picture the perfect item to add next. A way for…
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.
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