Local development using Ampps, an awesome all in one server for your web applications

By achatainga | internetaddicts | 11 Aug 2019


4a767d93-1c18-4f45-a466-7c8a9936387e.pngSource: This image was taken from Ampps website and edited by me using paint


The world is changing at a very fast pace and for the coders it is always important to start your web projects with ease. In this post, I shall introduce you to an amazing tool which has helped me get started with my web development in no time.

AMPPS

*What is AMPPS?*

"AMPPS is a software stack from Softaculous enabling Apache, Mysql, MongoDB, PHP, Perl, Python and Softaculous auto-installer on a desktop. This includes everything you need for website development. Start developing your website from open source web applications or just start writing code yourself."

All images were taken from their site and from screen shots taken on the local installation of Ampps in my computer

You might have heard of other solutions but there is something special about Ampps which most developers can benefit from:

1 - Ampps comes with one click Software installations, including and not limited to, WordPress, Joomla and many more PHP applications.

2 - Ampps comes bundled with openssl which allows to have self signed certificates on localhost, thus allowing the developer to focus on developing more than setting up the perfect environment.

3 - My favorite feature about Ampps is that you can create custom domain names!. Once you have Ampps installed, you may create any domain name you want and it will re-write your hosts file (given you grant the proper permission) thus allowing you to have your awesomeweb.dev domain for example. There is a cool trick I love doing though, and it is to create a domain which will match your Top Level Domain such as https://myawesomedomain.com. The reason behind this is that whenever you wish to import your dev site into your production site, you will have to change nothing at all!.

4 - It comes with a PHP versioning option, meaning you can switch between different versions of PHP including 7.1, 5.4 and more.

5 - It comes with an easy to install FTP server, thus allowing you to upload from anywhere on internet (provided your localhost is reacheable though port forwarding or using solutions such as ngrok).

6 - Ampps control panel is very intuitive and its user interface is truly a blessing to work with.

7 - It works for Windows, Linux and Mac.

8 - You may install Apache as MySql and services which start on your system start up.

In order to use this awesome free software just head over to the Downloads section, choose your desired Operating System and install it.

It is important to have internet connection when you install it because there are forum posts that have reported some weird behaviors when it does have it.

Since I am on Windows my screen shots will not be on another OS.

Once installed, you should have something that looks like this:


73d01808-6a65-40c4-985c-8a54ac0c82a3.png


For this guide, I will install WordPress locally using their software installation:

 

1 - First, let us create a custom domain. Let us pretend that we purchased a nice .com domain and we will be developing locally to later upload our WordPress to a server. Let us also pretend that our .com domain is for example: https://achatainga.com

The reason behind using our real purchased domain name here is that once I finished developing my local website to later upload it, I will not have to edit the Web App nor its database, I will be ready to upload it as it is and later remove my domain at my local Ampps:


a3ad23bb-381e-4cd5-8e72-01aef0d7f53c.png


Now, when you go to https://achatainga.com you will see the default message of the server.


e63fb90a-cab4-4e86-973e-f523f37b96c4.png


If you have issues accessing your site in your custom domain just restart Apache like this:


10c0af8f-152a-4adf-924f-dfda3718160a.png


Just turn it off and then back on again.

 

You could start coding your web application/website already by serving your file in the folder path/to/ampps/www/achatainga.com, but in this post I will use WordPress like mentioned above so let us do just that.

Go to http://localhost/ampps and in the left side bar click on Blogs > WordPress:


ae35a3ff-edae-4225-a730-1f5549edcd47.png


Click on Install now:


8230c34c-6abe-4105-8425-1a3c89ad4e4f.png


Now, you must fill in the form with the necessary information. I would suggest the latest WordPress installation (5.2.2 today) and make sure to select your recently created domain name, and delete WP from the subfolder to install WordPress at the root of your domain. After that, scroll down and fill in the information of your blog as you desire. You can already prepare your installation to be production ready, so make sure to be prepare to fill in the right information (it can be modified later within WordPress so do not panic if you have not made that decision yet).


bac5cff0-e85c-4175-ad3d-d605357b5dd2.png

 


cc3039ff-ebb2-42bf-9f3b-f0cf3e81995d.png


Scroll down a bit and fill in the info (my suggestions are on the screen shot)


14d4c0f9-9e51-4ba8-993e-ff9381cab10a.png

 


e910aebd-5b86-436e-8729-72c7cd872de9.png


Once you click install, the latest WordPress will be downloaded and you must not close the current web page:


634741b1-c7ae-4f58-81da-f27bfdadca26.png


Once WordPress is downloaded, you will be redirected to the installation page where it will automate the database creation and everything needed until it is ready. Do not close the current web page until it is 100% done! (it will take 1-2 minutes approximately depending on your internet speed).


62b92044-af2a-45f7-839a-5a0cc967a431.png

 


e6691e38-1be3-41b6-807e-e713a78c357f.png


And voila! Your awesome WordPress is now installed in your custom domain name!. Let us check it out:


3dac2fe1-ebde-4ada-894b-5c7355079c7c.png


And the admin page:




Now, you may be wondering where the WordPress files are. Well, they are in path/to/ampps/www/achatainga.com/:


6ffe5fc2-7c0e-4ed7-97d9-42720d6ffab4.png


If you want to access your WordPress database then they can be found at http://localhost/phpmyadmin:


b46ee371-a06a-4401-abd7-6b8f2ba1166a.png


WordPress can be customized without having to code whatsoever using plugins such as Elementor, or even picking up a nice theme and just customize it using WordPress awesome customizer.

 

I have made several post which are specially designed for the non-programmers. Make sure to check them out also:

How to create a beautiful drag and drop landing page using WordPress and Elementor without any coding skills needed.

2 Great ways to create an outstanding landing page for free using WordPress and Elementor.

If you want to get your hands into coding, make sure to check out this post too:

2 great websites to learn to Code for Free.

I could not end this post without recommending yet another post of mine which will help your recent WordPress come bundled with very important features:

10 must-have plugins for any WordPress website.

I know this post is a long read, but rest assured it is worth it. If you made this far, congrats!, you have yourself a nice set of tools to get you started in like 30 minutes or so!.

That is it for now!. If you find this very useful consider tipping which will help a brother Venezuelan out!. Also, Share it for this will help this guide reach those who are developers or even non-developers, they will use this solution to create their website and later import it to their servers without having to rename its domain or the database!.

This guide/tutorial is my original content. There is a version of this Guide/Tutorial on my 3 different blogging sites under the same username @achatainga. I have re-posted it from my other blogging platforms to this amazing site. I have included the links on the resources

How do you rate this article?


0

0

achatainga
achatainga

I'm a freelancer programmer, translator and blogger. My aim is to combine both my skills to create a startup which helps both the community and myself. I am Blogging on different platforms such as Steemit.com/WhaleShares.io/Cent.co under the same username


internetaddicts
internetaddicts

Post related to technology, website creation, programming, freelance services, crypto and more

Send a $0.01 microtip in crypto to the author, and earn yourself as you read!

20% to author / 80% to me.
We pay the tips from our rewards pool.