How to set custom ports to test PHP pages using MAMP and Dreamweaver
Click on the images to see them larger then 300px.
Many people may be asking the question how do i use MAMP while OSX Server is running. I know that I came across this problem and it frustrated me to no end. I searched the internet for how do I use dreamweaver with MAMP. How do i use dreamweaver with MAMP while built in MAC Apache is running. How do i set custom ports in dreamweaver to test php pages with MAMP. How to run a testing server with OSX and MAMP Dreamweaver and basically got no answers on the web.
So I decided to make a quick web page when i finally figured it out, by the grace of God. So that being said here is a 4 step guide to fix this issue that boggled my mind.
Step 1. Customizing MAMP to not interfere with OSX server. If OSX server is running and you try to start MAMP on the default localhost ports which are 80, 443, and 3306 you will notice that my SQL start however an error message drops down telling you that the built in Apache APP cannot be started.
So now you reset the port to default custom MAMP ports. After you set them they will look like this.
Step 2. Change your “Default MAMP ports to work with dreamweaver”. Now edit your port setting with the servers off, put the HTTP connections to 371. Now set default apache port for HTTPS to 1717 and the finally the mySQL port to 8351. These are all custom ports and I use them with my personal setup as well. These ports will bring you luck, trust me.
Step 3. Creating a Host in MAMP save your ports and restart your servers. MAMP should save the custom ports and restart the servers.
Now click the host tab in MAMP PRO. Add a host with the + icon on the bottom left hand side. It will create a host named “host-2″
Change the name of your new “host-2” to a easy to use name without special characters, like the local testing folder your going to upload to when testing your pages in dreamweaver. My website that I’m building is a security website that has “stps” in the name so i changed the host to “stps”.
Next user the general settings tab put the IP as an astric “*” or commonly referred to as a wildcard, keep all other settings the same except you now need to set the document root. when its not set it will look like this.
See the folder located under MAMP –> HTDOCS–> stps, look at the pic above the one right above this text you will see the folder is configured properly. You can set this folder up like this and its sure to work. I want you to know that these folder don’t already exist they have to be created on your computer in the applications folder under the regular MAMP folder. Then inside HTDOCS you can create a custom folder called “stps” or whatever you like. Then in MAMP Pro set it to that root for it to work with dreamweaver so you can configure Adobe Dreamweaver CC or CS6 to test php and other dynamic pages while creating your website.
Step 4. Configure your Dreamweaver CC settings. Start Dreamweaver and go to “Manage sites”.
Now create a new site or edit an existing one. Click on the site and set your local root folder to where all your web pages are. We have set up the server side pages in MAMP –> HTDOCS folder called STPS now we are configuring dreamweaver to the local root. Dreamweaver will automatically transfer the pages from the local to the remote testing server when you sync it after it creates the cache when we are finished. When you create a new site you will see this happen.
Change the site name to what your local or remote folder is named, mine is “stps”, and then click on the folder button to the right of the “local site folder” setting the root folder for where your web pages are stored on your local hard drive. Mine happens to be in a folder called company projects and the name of the folder within that is “stps”. Now that we have set the site information click the server tab to the left of the sidebar menubar.
Now click the “+” icon in the lower left to add a server. You will set the server name to your remote root that you created in MAMP–> HTDOCS. Mine is called “stps” so i named it appropriately. Now what you want to do under the basic tab, set “connect using” to “local/Network” and then for the “server folder” click the folder icon to the right of it and drill down until you get from the applications root of your MAC to into MAMP regular into HTDOCS then to the STPS folder that we created a while ago. That will be the location you want Adobe Dreamweaver CC or Adobe Dreamweaver CS6 to place the file when it transfers or sync’s your page from your local root to your testing root. Under the last box your going to type this and if you have used a different name rather then the one i used substitute that name instead of mine which is “stps”. The “web URL” should be typed in this exact syntax besides if your using a custom folder swap its name of the remote or testing folder where my custom name is. “http://localhost:371/stps/” Now put that in the box and click the advanced tab to finish this up. The basic settings will look like this when your done. Don’t forget if you used any other folder then “stps” please swap the name of your folder with your custom name or your testing server will not work.
Now click on the advanced tab, under advanced settings you going to make sure that “maintain synchronization information” is ticked, directly underneath that make sure that “automatically upload files on to server” is ticked and now set the “server model” under “testing server” section to “PHP MySQL” and finally make sure that “always auto save dependent files” is ticked as well. Finally click save when the configuration when it looks like this.
After you save the configuration if your using dreamweaver CS6 then make sure both the testing server and local server are checked if your using Adobe Dreamweaver CC then you need to copy the configuration and make sure you have two setups so that it looks like this.
After you save dreamweaver will recreate the root and now you need to sync the files of the local with the remote. This will take a moment and when your done then you can preview any dynamic page like php, aspx, ruby, or .net in your website browser to view the live code in real time format just as your viewers will be seeing it as well. If when your previewing the page your not getting anything, double check these steps, make sure your servers are running, double check the localhost:371 port in both MAMP and dreamweaver setup, check and see if your local files have been added to the remote testing server under MAMP–> HTDOCS–>STPS, and that everything I have shown you how to do is in sync with what your have done, also make sure you sync the entire site in dreamweaver. If your custom folder is a problem then use the one i did with the exact name and you can possible figure it out from their matching up the names. What ever you do don’t give up you can do it.
Contacts and information
Most popular categories