Review & Focus

한글 사용자들을 위한 WordPress on Azure Web App 활용하기.

최근 블로그 플랫폼의 정책적인 변화들로 인하여 다시금 설치형 블로그에 대한 관심도가 높아지고 있습니다. 예전 대부분의 경우 테터툴즈로 더 많이 알려진 텍스트큐브를 사용해왔겠지만, 역시나 지속적인 개발 가능성이 불투명하다보니,  WordPress 를 많이들 고민하고 계신 것 같습니다. 현재 제 블로그도 WordPress 기반으로 이루어져 있습니다.

블로그 뿐만 아니라, 웹 사이트의 프레임워크로 WordPress 를 활용하는 비율이 현저히 증가하고 있는 추세인데요, WordPress 를 이용해 웹 사이트를 구축하기 위해서 불필요하게 웹 서버를 생성하기 보다 Microsoft Azure 서비스를 활용해 보는 것은 어떨까요?

특히 https 프로토콜 사용이 강제화 되어 있는 Facebook Web App 개발을 위해 고민중인 사업체라면, 기본 도메인에서부터 https 프로토콜 사용이 가능한 Microsoft Azure 를 고민해보시면 좋습니다. 물론, 무료 요금제 혹은 저렴한 비용의 요금제를 사용하시는 경우 하루에 사용할 수 있는 1일 트래픽 용량이 다소 근소한 편이긴 합니다.

이번 포스팅에서는 Microsoft Azure 에 WordPress Web App 을 생성 / 활성화 하는 방법과 한글 UI 활성화를 위한 WordPress 최신 버전 재설치 그리고 트래픽 절감을 위한 필수 플러그인 (Jetpack 내 Photon, Akismet) 을 활성화한 후 설정하는 부분까지 다루어보도록 하겠습니다.

* 플러그인 활성화 및 SSO 사용을 위해 wordpress.com 회원 가입 절차를 사전에 완료해주시면 시간을 절약하실 수 있습니다.

 

Section I. WordPress 를 위한 Azure Web App 생성하기.

1. 우선 https://portal.azure.com/ 으로 접속하여 Microsoft Azure 계정으로 로그인 하신 후 [새로 만들기] 를 클릭합니다.

azurewpsettings_001

 

2. [새로 만들기] 사이드 바의 검색 창에서 “WordPress” 를 검색합니다.

azurewpsettings_002

 

3. Marketplace 검색 결과에서 “WordPress” 항목을 클릭합니다.

azurewpsettings_003

 

4. 오른쪽에 나타나는 갤러리 상세 정보 창에서 [만들기] 버튼을 클릭합니다.

azurewpsettings_004

 

5. 기본적인 사이트 설정들을 입력합니다. Microsoft Azure 에서는 서비스 용 URL 주소를 [앱 이름].azurewebsite.net 과 같은 형식으로 부여합니다. 데이터베이스와 웹 스케일 그룹은 기본 값 그대로 두며, 지역은 미국 서부, 일본 동부, 일본 서부 중 하나로 설정합니다. 미국 서부가 기본값으로 설정 되어 있어 그대로 진행하였습니다.

미리 구매해 두신 사업체 도메인이나 개인 도메인을 사용하시기를 희망하시는 경우, DNS 서버의 CNAME 값을  [앱 이름].azurewebsite.net 형식의 주소로 입력해두시거나, 차후 IP 주소를 신청하여 IP 주소가 할당된 이후 DNS 서버의 A 레코드 값을 수정하시는 편을 권장합니다.

azurewpsettings_005

 

6. WordPress 에서는 대체적으로 MySQL 데이터베이스를 지원하고 있으므로, WordPress 웹 사이트를 위한 MySQL 데이터베이스 이름과 해당 데이터베이스의 데이터 센터 위치를 선택합니다. 물론, 데이터 센터 위치는 App Service 위치와 동일한 위치를 선택하여야만 데이터 연동 시 문제가 발생하지 않습니다.

azurewpsettings_006

 

7. 설정을 모두 마치셨으면 설정 화면 하단의 [확인] 버튼을 눌러 웹 앱 생성을 시작합니다. 평균적으로 약 5 분 에서 10 분 정도 소요됩니다. 기본적으로 무료 요금제 환경으로 생성되며, 요금제 종류에 따라 가격이 달라진다는 점도 함께 알아두세요!

 

Section II. FTP 를 사용하여 WordPress 한국어 버전으로 업데이트 하기.

1. Microsoft Azure 에서 제공되는 WordPress 서비스의 경우 한국어 사용자들에게 그다지 익숙하지 않은 “영문” 버전입니다. UI 언어 변경이 까다롭기 때문에 WordPress 한글 버전으로 버전을 업데이트 하시는 방법이 가장 효율적입니다. 업데이트 진행을 위해 FTP 를 사용하여야 하는데요.

앱 서비스를 클릭하여 웹 앱 서비스 목록으로 진입합니다.

azurewpsettings_008

 

2. 웹 앱 서비스 목록에서 이전에 생성해두었던 WordPress 앱 서비스를 클릭하고, 우측 하위 메뉴에서 [배포 자격 증명] 설정 항목을 통해 FTP 접속에 사용될 ‘FTP / 배포 사용자 이름’ 과 ‘암호’ 를 설정합니다.

azurewpsettings_009

 

3. ‘FTP / 배포 사용자 이름’ 과 ‘암호’ 설정을 완료하셨으면 워드프레스 홈페이지 (http://www.wordpress.org/) 에서 최신 버전의 워드프레스 한국어 버전을 내려 받아 임의의 폴더에 압축을 풀어주세요.

azurewpsettings_010

 

4. 서버 연결에는 FTP 접속 프로그램을 사용하여야 하는데요, 알 FTP 의 경우 전송 도중 파일들이 손상되는 경우가 종종 발생하므로 권장하지 않습니다. 대체 프로그램으로 오픈소스로 공개되어 마음껏 사용가능하며, 파일 전송 중에도 문제가 발생하지 않는 FileZilla 사용을 권유합니다.

추가 링크 : FileZilla 다운로드 링크 (클릭)

 

5. 화면에 표시되는 웹 앱 목록에서 생성해두었던 WordPress 웹 앱 서비스를 클릭하여 속성 메뉴로 진입합니다. 속성 메뉴에 FTP 및 FTPS (보안 프로토콜) 주소가 표시되는데, 이를 복사해두세요.

azurewpsettings_012

 

6. 내려 받은 후 설치가 완료된 FileZilla 프로그램을 실행하여 상단 메뉴의 [파일] – [사이트 관리자] 를 차례로 클릭합니다.

azurewpsettings_011

 

7. 사이트 관리자 창으로 진입하게 되는데요, FTP 혹은 FTPS (보안 프로토콜) 주소와 사용자 / 계정을 입력합니다. 사용자 / 계정 입력 형식은 [앱 서비스 이름]\[설정한 사용자 이름] 입니다. 가령 앱 서비스 이름이 happybonoblog 이고 사용자 명이 happybono 라면 happybonoblog\happybono 의 형식으로 입력하셔야 합니다. 비밀번호는 앞에서 설정하셨던 암호 그대로를 입력하세요.

azurewpsettings_013

 

8. FileZilla 를 통해 Azure 의 FTP 에 접속한 후 /site/wwwroot 경로에 접근하여 워드프레스 홈페이지에서 내려받아 임의의 폴더에 압축을 풀어놓았던 WordPress 한국어 최신 버전 파일을 덮어 씌우시면 됩니다. 용량에 비해 파일의 갯수가 상당하기에 시간이 다소 소요될 수 있으니~ 여유있게 커피 한 잔 하시고 오세요.

azurewpsettings_015

azurewpsettings_016

 

Section III. 기본 설정 및 필수 플러그인 (Jetpack 및 Akismet) 활성화 하기.

1. 파일 업로드가 완료되었으면 웹브라우저를 통해 웹 앱 주소로 WordPress 에 접속합니다. Azure 웹 앱 설정으로 어느 정도 진행했기 때문에 WordPress 설정의 마지막 단계만 작업하시면 됩니다. 사이트 제목과 함께 사이트 관리자의 사용자명과 비밀번호를 설정합니다. 이메일 주소는 비밀번호를 분실 했을 경우 다시 찾는데 중요한 역할을 하므로 꼭 정확한 이메일 주소를 입력해두시기 바랍니다.

azurewpsettings_017

 

2. 설정 작업이 끝나면, 설정하신 사용자 이름과 비밀번호를 입력하시어 관리자 메뉴로 로그인합니다.

azurewpsettings_018

 

3. 관리자 메뉴로 로그인에 성공하셨으면,  [플러그인] – [플러그인 추가하기] 메뉴를 통해 플러그인을 추가하는 메뉴로 진입합니다.

azurewpsettings_019

 

4. 플러그인 추가 화면에서 여러 가지 종류의 플러그인들이 존재하지만, 가장 처음 설치하여야 할 플러그인은 무려 23가지의 편의 기능 (접속통계, 댓글, 구독, 공유 이메일로 발행, 연락 폼, Latex 코드를 통한 수학 공식 지원 등) 들을 제공하는 Jetpack 입니다. JetPack 항목의 [지금 설치하기] 버튼을 눌러 플러그인을 설치합니다. WordPress 에서 내려받아 자동적으로 설치하는 과정이기에 시간이 다소 소요될 수 있습니다.

azurewpsettings_020

 

5. 이제 필수 플러그인 두 가지 Akismet 과 Jetpack 을 체크하신 후 상단 콤보박스에서 활성화를 선택한 후 [적용] 버튼을 눌러 일괄적으로 활성화합니다.

azurewpsettings_021

 

6. Jetpack 플러그인을 활성화하면 Jetpack 플러그인과 WordPress.com 아이디를 연결하는 과정이 진행됩니다. 미리 WordPress.com 아이디를 만들어 두지 않았다면 계정을 연결하기 전에 필수적으로 만들어 두셔야 합니다.

azurewpsettings_029

 

7. Jetpack 플러그인을 활성화하는 과정에서 WordPress.com 에 로그인하여 사이트간의 연결을 승인하는 과정을 거칩니다.

azurewpsettings_022

 

8. 연결 승인이 완료되면 필수적인 플러그인들을 한번의 클릭으로 활성화 할 것인지를 권유합니다. 최신 버전 부터 적용된 기능으로, 필요한 플러그인들을 일일히 설정하지 않더라도 한번의 [Activate Recommended Features] 버튼 클릭으로 한꺼번에 설정하게 됩니다.

azurewpsettings_023

 

9. 독립 서버 혹은 무료 요금제를 사용하시고 계신 분들이 반드시 활성화하여야 하는 플러그인은 Photon 인데요, WordPress 에 올리신 게시글에 포함된 이미지들을 WordPress.com 에 임시로 저장하여 실제 방문자들에게는 서버에 저장된 이미지가 아닌 임시로 저장된 이미지가 보여지게 됩니다. 결과적으로, 트래픽 제한이 있는 웹 호스팅 서비스 혹은 Azure 의 웹 앱에서는 더 많은 방문자가 접속할 수 있게 되는 것이지요.

azurewpsettings_028

 

10. 설정이 완료되면 Akismet 을 활성화하여야 하는데요, Akismet 플러그인은 스팸 트랙백과 함께 스팸 댓글 그리고 WordPress 내의 해킹을 방지하는 역할을 하는 솔루션으로 활성화 키를 수령하여야 합니다. Akismet 설정화면에서 [Register for Akismet] 버튼을 클릭해주세요.

azurewpsettings_024

 

11. Jetpack 플러그인 활성화를 위해 이미 WordPress 에 로그인 되어 있기에, 별도의 연결과정은 생략됩니다. 다만, 어떠한 등급의 서비스를 이용하실 지 결정하여야 하는데요, 일반적인 개인 블로그와 같은 사이트의 경우에는 무료가 적당하며, 사이트의 규모가 방대해질수록 더 높은 등급의 서비스를 이용하시는 것이 좋습니다.

azurewpsettings_025

 

12. 신청이 성공적으로 이루어지면 이메일을 통하여 Akismet API 키가 발송되는데요, 화면에 보시는 바와 같이, 활성화하는 동시에 제공된 API 키도 자동으로 입력됩니다.

azurewpsettings_026

 

13. [Activate this site] 버튼을 누르면 설정 페이지의 API 키 항목에 API 키가 입력 된 상태를 볼 수 있으며 [변경 사항 저장] 버튼을 눌러 설정을 저장하면 모든 작업이 완료됩니다.

azurewpsettings_027

고맙습니다.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: