ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 윈도우 기반 웹 개발 환경 만들기 ( Apache2, PHP, MySQL, PhpMyAdmin )
    개발 환경/WEB(Apache2, PHP, MySQL) 2019.05.16 23:27



    윈도우에 Apache2 + PHP + MySQL 조합으로 웹서버를 쉽게 구축할 수 있게 도와주는 WampServer 설치 및 사용방법을 다루고 있습니다.



    2018. 7 .12 - 최초 작성

    2019. 5. 16 - 업데이트 :  윈도우 10에서 외부접속이 안되는 문제 발생을 해결..

                                           



    1. https://sourceforge.net/projects/wampserver/files/ 에 접속하여 초록색 버튼 Download Latest Version을 클릭하면 64비트용 WampServer  최신 버전이 다운로드 됩니다.


    접속에 문제가 있을 경우 아래 링크에서 다운로드 받으세요.

    https://sourceforge.mirrorservice.org/w/wa/wampserver/WampServer%203/WampServer%203.0.0/




    2. 다운로드된 설치파일을 실행하면 설치 과정이 자동으로 이루어집니다.





    3. 인터넷 익스플로러가 아닌 다른 웹브라우저를 WampServer에서 사용하는 디폴트 웹브라우저로 지정하려면 를 선택합니다.





    4. 노트패드가 아닌 다른 편집기를 WampServer에서 사용하는 디폴트 웹브라우저로 지정하려면 를 선택합니다.





    5. Windows 보안 경고 창에서 아파치 웹서버에 접근할 수 있게 허용할 네트워크를 물어봅니다.

    안물어보는  경우도 있는 듯합니다.

    노트북에 설치된 웹서버를 장소를 이동하며 사용할 경우에만 고민할 문제인듯 합니다.


    공용 네트워크를 체크해두면 카페 같은 곳에서 사용시 다른 사람이 노트북에 있는 웹서버에 접속할 수 있게 되기 때문에 특별한 경우가 아니라면 개인 네트워크만 체크해두는게 더 나은 선택이 아닐까 생각합니다.





    6. 바탕화면에 생긴 단축 아이콘이나 시작 메뉴에서 Wampserver64를 검색하여 실행합니다.





    7. 오른쪽 아래 시계옆에 Wampserver 상태를 트레이아이콘으로 표시해줍니다.



    붉은색은 Wampserver가 제공하는 모든 서비스가 중단된 상태입니다.




    주황색일 경우 일부 서비스만 실행되고 있는 상태입니다.




    초록색은 모든 서비스가 문제 없이 동작 중일 때입니다.




    8. WampServer 트레이 아이콘 위에서 마우스 왼쪽 버튼을 클릭하면 Apache, PHP,  MYSQL, MariaDB의 설정 및 실행 상태 등을 변경할 수 있는 메뉴들이 보입니다.




    WampServer 트레이 아이콘 위에서 마우스 오른쪽 버튼을 클릭하면 WampServer 관련 옵션들을 변경할 수 있는 메뉴 항목들이 보입니다.





    9. MySQL의 root 암호를 지정해줘야 합니다.

    WampServer 트레이 아이콘 위에서 마우스 왼쪽 버튼을 클릭하면 보이는 메뉴에서 MySQL > MySQL console을 선택합니다.



    MySQL 서버에 로그인할 사용자 이름이 root 로 되어 있습니다. 변경하지 않고 OK 버튼을 클릭해줍니다.




    암호가 지정되어 있지 않아서 Enter password:에서 엔터만 입력하면 로그인이 됩니다.





    10. 암호를 지정하기 위해 다음 명령을 실행시킵니다.


    아래 명령어에서 your_root_password 부분만 원하는 패스워드로 변경하면됩니다.

    MySQL 콘솔 및  phpMyAdmin 접속시 사용되는 패스워드 입니다.


    SET PASSWORD FOR root@localhost = PASSWORD('your_root_password');




    quit를 입력하고 엔터를 눌러 MySQL 콘솔 창을 종료합니다.




    11. MariaDB의 root 암호를 지정해줘야 합니다.

    WampServer 트레이 아이콘 위에서 마우스 왼쪽 버튼을 클릭하면 보이는 메뉴에서 MariaDB > MariaDB console을 선택합니다.


    MariaDB 서버에 로그인할 사용자 이름이 root 로 되어 있습니다. 변경하지 않고 OK 버튼을 클릭해줍니다.




    암호가 지정되어 있지 않아서 Enter password:에서 엔터만 입력하면 로그인이 됩니다.





    12. 암호를 지정하기 위해 다음 명령을 실행시킵니다.


    아래 명령어에서 your_root_password 부분만 원하는 패스워드로 변경하면됩니다.


    SET PASSWORD FOR root@localhost = PASSWORD('your_root_password');




    quit를 입력하고 엔터를 눌러 MariaDB 콘솔 창을 종료합니다.




    13. 사용할 PHP 버전을 선택할 수 있습니다.

    WampServer 트레이 아이콘 위에서 마우스 왼쪽 버튼을 클릭하면 보이는 메뉴에서 PHP > Version을 선택하면 변경가능한 PHP 버전들이 보입니다.


    원하는 버전으로 변경하면 WampServer가 재시작됩니다.




    14. WampServer 트레이 아이콘 위에서 마우스 왼쪽 버튼을 클릭하면 보이는 메뉴에서 Localhost를 선택하거나 웹브라우저에 localhost 주소를 입력하면 현재 설정된 프로그램들의 버전정보와 로드된 확장 목록 등을 보여줍니다.





    15.  WampServer 트레이 아이콘 위에서 마우스 왼쪽 버튼을 클릭하면 보이는 메뉴에서 phpMyAdmin을 선택하거나 웹브라우저에  localhost/phpmyadmin 를 입력합니다.

    사용자명에 root를 입력하고 그 아래에  패스워드에는 앞에서 MySQL 의 root를 위해 설정해준 암호를 입력한 후, 실행을 클릭합니다.


    서버 선택 항목을 MariaDB로 변경하여 MariaDB의 데이터를 보기위해 접속할 수도 있습니다.




    다음과 같은 화면을 볼 수 있습니다.





    16.  WampServer가 설치된 PC에서는 웹브라우저로 아파치 웹서버에 접속이 가능하지만 다른 PC나 스마트폰에서는 접속이 안되기 때문에 설정을 변경해줘야 합니다.




    WampServer 트레이 아이콘 위에서 마우스 왼쪽 버튼을 클릭하면 보이는 메뉴에서 Apache > httpd-vhosts.conf를 선택합니다.


    캡쳐화면처럼 Require localRequire all granted으로 변경합니다.


    # Virtual Hosts

    #

    <VirtualHost *:80>

     ServerName localhost

     ServerAlias localhost

     DocumentRoot "${INSTALL_DIR}/www"

     <Directory "${INSTALL_DIR}/www/">

       Options +Indexes +Includes +FollowSymLinks +MultiViews

       AllowOverride All

       Require all granted

     </Directory>

    </VirtualHost>



    저장 후, 설정을 적용하기 위해  WampServer 트레이 아이콘 위에서 마우스 왼쪽 버튼을 클릭하면 보이는 메뉴에서 Restart All Services를 선택합니다.




    ..


    ..


    17. 방어벽에서 웹서버가 사용하는 포트를 열어주어야 합니다.

    (예전에는 할필요가 없었는데 윈도우 10이 업데이트 되면서 바뀐 부분이 있나봅니다. )


    17-1. 제어판에서 네트워크 및 인터넷을 선택합니다.





    17-2. 네트워크 및 공유 센터를 선택합니다.





    17-3. Windows Defender 방어벽을 선택합니다.





    17-4. 고급 설정을 선택합니다.





    17-5. 인바운드 규칙을 선택합니다.





    17-6. 새 규칙을 선택합니다.





    17-7. 포트를 체크하고 다음을 클릭합니다.





    17-8. TCP 체크 그리고  특정 로컬 포트를 체크하고 80을 입력합니다.  그리고 다음을 클릭합니다.





    17-9. 연결 허용을 체크하고 다음을 클릭합니다.





    17-10. 개인만 체크하고 다음을 클릭합니다.





    17-11. 이름80을 입력하고 마침을 클릭합니다.





    17-12. 인바인드 규칙에 포트 80 허용이 추가되었습니다.




    이제 같은 공유기의 네트워크를 사용하는 다른 PC나 스마트폰에서 웹서버에 접속할 수 있습니다.




    18. 문제 발생시 해결 방법




    1. WampServer 아이콘이 초록색이 되고 나서(모든 서비스 실행된 상태 )  웹브라우저에서 localhost/insert.php 주소로 접속하면 아래와 같은 메시지가 보이는 경우 해결방법입니다.


    Warning: mysqli_connect(): (HY000/1045): Access denied for user 'root'@'localhost' (using password: YES) in C:\wamp64\www\insert.php on line 5



    mysqli_connect() 함수에 아규먼트를 제대로 입력했는지 봐야 함니다.


    $link=mysqli_connect("localhost","root","root 계정 비밀번호","데이터베이스 이름");




    2. 다른 컴퓨터나 폰에서 서버에 접속시 아래와 같은 메시지가 보이는 경우입니다.


    사이트에 연결할 수 없음
    192.168.0.16에서 응답하는 데 시간이 너무 오래 걸립니다.



    방어벽에는 아파치 웹 서버를 개인 네트워크에 대해서만 허용해놓았는데  현재 컴퓨터에서 공용 네트워크를 사용해서 생기는 문제입니다.



    현재 컴퓨터의 네트워크 상태는 제어판 > 네트워크 상태 및 작업 보기를 클릭하면 확인 가능합니다.





    2-1. 서버가 설치된 컴퓨터를 개인 네트워크로 변경하는 방법입니다.

    (stroke33님이 알려주신 해결 방법입니다. http://webnautes.tistory.com/755#comment11743483 }



    시작 메뉴를 클릭했을 때 왼쪽에 보이는 설정 아이콘을 클릭합니다.




    설정 항목들 중에 네트워크 및 인터넷을 클릭합니다.





    왼쪽 항목들에서 상태를 클릭하고  오른쪽에서 연결 속성 변경을 선택합니다.




    네트워크 프로필을 개인으로 변경해줍니다.




    개인 네트워크로 변경되었습니다.





    2-2. 공용 네트워크에서 아파치 서버가 동작할 수 있게 예외항목에 추가 해주는 겁니다.


    제어판에서 시스템 및 보안 > Windows 방어벽을 선택해보면 현재 공용 네트워크를 사용 중이고 방어벽도 적용되어 있습니다.

    왼쪽에 보이는 Windows 방어벽을 통해 앱 또는 기능 허용을 클릭해보면





    Apache HTTP Server가 개인에게만 허용이 되어 있습니다.

    설정 변경 버튼을 클릭하고 공용에도 체크해주면 해결됩니다.










    포스트 작성시에는 문제 없었지만 이후 문제가 생길 수 있습니다.
    댓글로 알려주시면 빠른 시일내에 답변을 드리겠습니다.

    여러분의 응원으로 좋은 컨텐츠가 만들어집니다. 지금 본 내용이 도움이 되었다면 후원 또는 유튜브 구독 부탁드립니다. 감사합니다 : )

    유튜브 구 독 하 기
    후 원 하 기


    댓글 35

Designed by Tistory.