Okay, it’s time for the exciting part! We’re going to put our Joomla! website on the web! Hopefully by now you’ve built your site up to be somewhat presentable, but if it’s not it might be a good idea to hold off on this step until it is. Anyway, here we go!
Alright, I have hosting with DreamHost.com, so I’m going to show you how to create server space and SQL databases within DreamHost’s administration panel. We’ll then move Joomla! from our local MAMP server to the remote DreamHost shared servers. When you create an account on any web hosting site, you’ll create a username and password that will get you into your FTP and mySQL clients. These server credentials will act like ‘root’ did for your MAMP credentials.
Now, remember how we created a database on our MAMP server using phpMyAdmin? Well, we’re going to do that now, but it’s a little different using DreamHost. To actually create a database, you login to panel.dreamhost.com, and under ‘Goodies’ in the left-hand navigation will be ‘MySQL Databases’. Since we’ve already created our server credentials, all you have to worry about creating here is the name of your database. However, as I point out in the image, you should make note of your hostname, which will probably be mysql.(your-domain-here).com. You’ll need that url to get into phpMyAdmin, so take note of it. I suppose now is a good time to point out that DreamHost has excellent customer service, so don’t hesitate to take advantage of it if you have trouble setting up your hosting account. I’ll also point out that one advantage of DreamHost’s affordable hosting service (which you can make even more affordable with the promo code JOOMLA25_SPP) is that you get a FREE domain registration with your first hosting plan.
Okay, so we’ve created a database on our domain. Quickly we should verify that you can access your remote server’s FTP and mySQL, so go to mysql.(your-domain-here).com and ftp://(your-domain-here).com and use your server credentials to login to both access points. Then download FileZilla, and FTP client for your computer that you will need to move your files to the remote server space.
Once you have FileZilla installed and open, it’s pretty easy to figure out and use. Once into your FTP files, find the directory that just has your domain name on it. If it’s not there, you’re probably already in it. Now here’s the first part of our transfer – the files. Notice that I’ve numbered the image above in the different areas of FileZilla:
- Connection bar (type in domain name, server credentials – ignore port)
- Remote Server Folder Listing (once connected you should see a folder with your domain’s name on it. Click that folder to open it, it should be empty)
- Remote Server Directory Files (there shouldn’t be much in here yet, but you MUST HAVE THE RIGHT DIRECTORY OPEN in order to successfully upload your site – remember that)
- Local (Computer) Folder Listing (This is your computer system. Find the MAMP folder in Applications and open htdocs)
- Local (Computer) Files (this should now display the files inside htdocs. Remember, htdocs acted as a local version of FTP server space, so everything in here needs to be selected. Right-click selection and hit upload files)
- Queued Files (this will keep you updated on the progress of your upload)
If you do it right, all your files should copy from htdocs to your website’s directory. If you’re on a slow connection the transfer may time out, and you’ll simply have to do it again, skipping already uploaded files when prompted.
So now that the files are uploaded, we’ll have to move the database information. In the next post I’ll cover copying databases and changing the configuration.php file. If you have any questions about what we’ve covered here, please comment on this post! Not only will it help answer your questions, but also the questions of other readers. Up next: Moving to Remote Servers, Part 2!
Posts in this tutorial series:
Step 5: Remote Servers, Part 2
Step 4: Remote Servers, Part 1
Step 3: Exploring Joomla!
Step 2: Installation
Step 1: Setup
DreamHost.com (Use the promo code JOOMLA25_SPP to receive special discounted hosting! $20 off one pre-paid year of hosting OR $30 off two pre-paid years of hosting)