웹 개발을 위해 Ubuntu (또는 다른 배포판) 준비

GNU / Linux는 사용하기가 복잡하다는 신화, 신념 또는 의견을 넘어 개발자, 특히 개발자에게 탁월한 운영 체제라고 생각합니다. 웹 개발자.

나는 선호하는 많은 사람들과 대화 할 기회를 가졌습니다. OS X 심지어 Windows 그들이 말했듯이, 그 용이성과 도구 때문에 개발하기 위해 그리고 그것은 각 사람의 매우 개인적인 의견이지만 GNU / Linux 배포판 또는 적어도 가장 인기있는 배포판은 설치 및 작업에 필요한 모든 것을 제공한다고 믿습니다.

가장 인기있는 배포판은 웹 개발자를 위해 저장소에 필요한 모든 패키지를 제공합니다.

이제 개발 문제에는 딜레마가 있습니다. Antergos 또는 안정과 최신 사이의 균형을 유지하는 Ubuntu?

아주 간단한 예를 들어 보겠습니다. 우분투 트러스티 최신 버전 넷빈 7.0.1입니다. 아치 리눅스 버전 8.0.2를 사용할 수 있습니다. 같은 일이 발생합니다 NodeJS 아래에서 널리 사용되는 기타 패키지 프론트 엔드.

어쨌든 개발할 작업에 따라 선호도 분포를 선택하는 것은 모든 사람의 결정입니다. 이 기사에서는 Ubuntu 설치부터 시작하고 새로운 사용자에게 초점을 맞추기 때문에 단계별 프로세스를 보여줄 것입니다.

Ubuntu 14.04 설치

가장 먼저 할 일은 공식 웹 사이트에서 Ubuntu 설치 이미지를 다운로드하는 것입니다. 아래 링크를 통해 32 비트 또는 64 비트 ISO 다운로드 여부를 선택할 수 있습니다.

우분투 다운로드

다운로드 한 후에는 다운로드 한 iso로 DVD를 "굽거나"부팅 및 설치할 플래시 메모리를 준비해야합니다. Windows에서는 다음과 같이 할 수 있습니다. 이 안내서 그리고 Mac에서 이 다른. 이 작업이 완료되면 PC를 다시 시작하고 메모리 또는 DVD를 통해 시작합니다.

Ubuntu 14.04 설치 단계

첫 번째는 Ubuntu를 설치할 언어를 선택하는 것입니다.

나중에 설치에 필요한 모든 요구 사항이 있는지 확인합니다.

나중에 우리는 하드 드라이브 분할로 이동합니다. 이에 익숙하지 않은 경우 데이터를 백업 한 후 모든 것을 기본값으로 두는 것이 좋습니다.

시간대를 선택합니다.

키보드 언어를 선택합니다.

사용자 이름, 컴퓨터 이름, 암호를 정의합니다.

그리고 우리는 그것이 끝날 때까지 기다립니다.

설치 프로그램이 완료되면 컴퓨터를 다시 시작하고 세션에 들어갑니다. 업데이트 관리자를 실행하거나 터미널을 열고 다음을 입력 할 수 있습니다.

$ sudo apt update && sudo apt upgrade

업데이트 할 항목이 없으면 시작할 수 있습니다.

테스트를위한 작업 공간 준비

따라서 우리는 개발자이기 때문에 우리가하는 방법을 알고있는 것에 집중하고 싶습니다. 개발하다. 우리는 웹 서버를 구성하는 방법이나 데이터베이스가 작동하는 방법을 아는 데 관심이 없으며 코드 작성을 시작하기 위해 작동하고 구현하기 쉬운 것을 원합니다.

HTML, CSS, JS로만 작성하면 모든 것이 더 간단 해 지겠지만 때로는 PHP, Ruby, DJango 등의 코드를위한 테스트 서버가 있어야합니다. 따라서 권장됩니다. 자체 웹 서버 설정. 운 좋게도이 시설은 두 가지 방법으로 제공됩니다.

1. 설치 프로그램 사용 XAMPP 우리를 제공하는 것 아파치.
2. 사용 램프 빛나 미.

Bitnami 설치

Bitnami를 통한 LAMP 설치 우리는 이미 그것을 보았다 따라서 이전 기사에서는이 기사에서 다룰 필요가 없습니다. Bitnami가 설치되면 웹 브라우저를 통해 테스트 서버를 관리 할 수 ​​있습니다.

Bitnami 작동 방식에 대한 모든 필요한 문서는 다음에서 찾을 수 있습니다. 그의 위키.

XAMPP 설치

XAMPP 설치 프로그램도 Bitnami에서 제공되지만 설치 프로세스가 약간 다르므로 단계별로 살펴 보겠습니다. 물론 첫 번째는 프로세서의 아키텍처에 따라 관심있는 파일을 다운로드하는 것입니다.

XAMPP 32 비트 XAMPP 64 비트

다운로드가 완료되면 터미널을 열고 파일이있는 폴더에 액세스하여 실행 권한을 부여합니다. 64 비트 파일의 경우 다음과 같습니다.

$ sudo chmod a+x xampp-linux-x64-5.5.19-0-installer.run

이제 동일한 터미널에서 실행합니다.

$ sudo ./xampp-linux-x64-5.5.19-0-installer.run

그리고 우리는 다음 단계를 따릅니다.

이전 이미지에서 우리가 선택한 선택에 동의하면 개발자를 위해 파일을 설치할 것인지, 나중에 파일을 설치할 것인지 물었습니다.

이제 설치하려는 경로를 묻습니다 (기본적으로 / opt / lampp에 있음). 변경할 수 있지만 그대로 두는 것이 좋습니다.

설치를 시작하기 전에 한 단계 더 확인

XAMPP 설치

설치 완료.

이제 XAMPP를 시작하려면 다음을 실행하면됩니다.

$ sudo / opt / lampp / lampp start Linux 5.5.19-0 용 XAMPP 시작 중 ... XAMPP : Apache 시작 중 ... ok. XAMPP : MySQL 시작 중 ... 좋습니다. XAMPP : ProFTPD 시작 중 ... 좋아요.

그리고 이미 Apache + MySQL + PHP + Perl 서버가 실행 중입니다. 문제가 있으시면 방문을 권장합니다. FAQ.

XAMPP를 사용하는 사용자 지정 DNS 및 가상 호스트

테스트 서버에서 여러 사이트를 호스팅한다고 가정하면 각 사이트를 파일에서 로컬로 볼 수 있도록 설정할 수 있습니다. 은 / etc / 호스트. 예를 들어, 사이트가 있다고 가정 해 봅시다. dev.tests.com, 우리가하는 일은 파일을 여는 것입니다 은 / etc / 호스트 우리가 가장 좋아하는 텍스트 편집기 (및 루트)로 다음과 같이 추가하십시오.

$ sudo vim /etc/hosts

다음 줄을 추가합니다.

127.0.0.1   dev.prueba.com

하지만 물론 이것은 충분하지 않습니다. 왜냐하면 누군가가 요청을 할 때 Apache에게 알려야하기 때문입니다. dev.test.com 127.0.0.1의 경우 테스트 사이트를 반환해야합니다.

우리는 파일을 편집합니다 /opt/lampp/etc/httpd.conf

$ sudo vim /opt/lampp/etc/httpd.conf

다음과 같은 줄의 주석 처리를 제거 (파운드 기호 제거)합니다.

# Include etc/extra/httpd-vhosts.conf

다음과 같이 남겨 둡니다.

Include etc/extra/httpd-vhosts.conf

이제 파일로 이동합니다. /opt/lampp/etc/extra/httpd-vhosts.conf 다음과 같이 있어야합니다.

# 이름 기반 가상 호스트 만 사용하므로 서버가 IP 주소에 대해 걱정할 필요가 없습니다. 이는 아래 지침에서 별표로 표시됩니다. # # 문서를 참조하십시오. # 가상 호스트를 설정하기 전에 자세한 내용을 확인하십시오. # # 명령 줄 옵션 '-S'를 사용하여 가상 호스트 구성을 # 확인할 수 있습니다. # # VirtualHost 예 : # 거의 모든 Apache 지시문이 VirtualHost 컨테이너에 들어갈 수 있습니다. # 첫 번째 VirtualHost 섹션은 모든 블록에서 ServerName 또는 ServerAlias와 일치하지 않는 모든 요청에 ​​사용됩니다. # ServerAdmin webmaster@dummy-host.example.com DocumentRoot "/opt/lampp/docs/dummy-host.example.com"ServerName dummy-host.example.com ServerAlias ​​www.dummy-host.example.com ErrorLog "로그 / 더미 -host.example.com-error_log "CustomLog"로그 / dummy-host.example.com-access_log "common ServerAdmin webmaster@dummy-host2.4.example.com DocumentRoot "/opt/lampp/docs/dummy-host80.example.com"ServerName dummy-host80.example.com ErrorLog "logs / dummy-host2.example.com-error_log"CustomLog "logs / dummy-host2.example.com-access_log"common

우리는 그것을 수정하고 다음과 같이 둡니다.

# 이름 기반 가상 호스트 만 사용하므로 서버가 IP 주소에 대해 걱정할 필요가 없습니다. 이는 아래 지침에서 별표로 표시됩니다. # # 문서를 참조하십시오. # 가상 호스트를 설정하기 전에 자세한 내용을 확인하십시오. # # 명령 줄 옵션 '-S'를 사용하여 가상 호스트 구성을 # 확인할 수 있습니다. # # VirtualHost 예 : # 거의 모든 Apache 지시문이 VirtualHost 컨테이너에 들어갈 수 있습니다. # 첫 번째 VirtualHost 섹션은 모든 블록에서 ServerName 또는 ServerAlias와 일치하지 않는 모든 요청에 ​​사용됩니다. # DocumentRoot "/ 홈 / 경로 / 폴더 / 프로젝트 /"ServerName my_blog.dev 모두 허가 필요

논리적으로, 우리 프로젝트의 폴더 경로는 대체 할 때 지정되어야합니다. "/ 홈 / 경로 / 폴더 / 프로젝트 /".

수동 LAMP 설치

지금은 그렇게 보이지는 않지만, 리포지토리에서 직접 패키지를 설치하는 것보다 이전 방식으로 설치하는 것이 더 번거 롭다고 생각합니다. PC에 동일한 스택을 가지려면 터미널을 열고 다음을 입력하면됩니다.

$ sudo apt install apache2 mysql-server-5.5 phpmyadmin

이 3 개의 패키지 만 사용하면 개발시 필요한 최소한으로 작업을 시작하는 데 필요한 종속성이 설치됩니다.

LAMP를 사용하는 사용자 지정 DNS 및 가상 호스트

DNS (도메인 이름 서버) 부분에서는 모든 것을 동일하게 유지합니다. 즉, 파일에 테스트 사이트의 이름을 추가합니다. 은 / etc / 호스트. 이제 Apache의 경우 VHost (Virtual Hosts)의 경로가 다릅니다.

일반적으로 수행되는 작업은 파일에 넣는 것입니다. /opt/lampp/etc/extra/httpd-vhosts.conf 경로에서 /etc/apache2/sites-available/vhostname.conf, 그런 다음 폴더의 해당 파일에 대한 심볼릭 링크가 만들어집니다. / etc / apache2 / sites-enabled / 그러나 우리는 복잡하지 않을 것입니다. 파일을 직접 / etc / apache2 / sites-enabled / 다음과 같은 구성으로 :

$ sudo vim /etc/apache2/sites-enabled/dev.prnza.com.conf DocumentRoot "/ 홈 / 경로 / 폴더 / 프로젝트 /"ServerName my_blog.dev 모두 허가 필요

수동으로 설치할 때 웹 사이트 폴더의 기본 경로가 다음과 같다는 것을 명확히하는 것이 타당하다고 생각합니다. / var / www / http /.

NodeJS 및 Ruby 설치

우리가 사용한다면 NodeJS o 루비 (PHP 및 Perl 대신) 콘솔에서 실행하여 패키지를 수동으로 설치할 수 있습니다.

$ sudo apt install nodejs ruby

더 많은 패키지가 필요하면 패키지 관리자를 실행하거나 콘솔에서 찾아 보면됩니다.

$ sudo apt search paquete a buscar

이 부분까지는 이미 샌드 박스를위한 서버 측 부분이 준비되어 있습니다. 이제 사용할 수있는 몇 가지 응용 프로그램을 살펴 보겠습니다.

웹 개발 도구

리포지토리에는 HTML, CSS, JS 등과 관련하여 편안하게 작업 할 수있는 몇 가지 응용 프로그램이 있습니다. 그중에는 다음이 있습니다.

• 블루 피쉬
• Geany
• Gedit
• 케이트

존재 블루피쉬 (제 생각에는) 일에있어서 가장 완벽한 프론트 엔드하지만 훨씬 더 많은 기능을 제공하는 타사 응용 프로그램을 설치하는 것이 좋습니다. 우리는 예를 들어 괄호, 숭고한 텍스트 o 코모도 편집. 압축을 풀고 .sh 파일을 실행하기 만하면되는 Komodo-Edit를 제외한 모든 애플리케이션에는 Ubuntu 용 자체 설치 패키지가 있습니다.

(… 과정에서 …)