'xe'에 해당되는 글 2건

  1. 2011.07.28 XE 애드온(addon)개발하기
  2. 2011.06.30 XE 개발, Firebug + FirePHP로 디버그하기
Tech/PHP 개발2011.07.28 18:49

addon은?

  • XE가 모듈을 실행할 때 함께 실행되는 PHP 코드
  • 적용할 모듈과 실행 시점을 지정할 수 있다.
    • 예) board 모듈이 실행될 때, 레이아웃을 화면에 출력하기 직전에 실행
    • 실행 가능한 시점
      • before_module_init
      • before_module_proc
      • after_module_proc
      • before_display_content

   

XE 기본 counter 애드온을 예로 들어 설명하겠습니다.

  • 기능: counter 애드온은 해당 모듈의 접근 횟수를 기록하는 애드온입니다.
  • 구성:

    conf/info.xml<클래스_이름>.addon.php 이 기본 구성 파일입니다.

    • info.xml:

      애드온의 기본 정보를 담고 있습니다. 관리자의 기능 설정>애드온 메뉴에 보여집니다.

    • counter.addon.php:

      모듈의 로드와 함께 실행될 코드가 작성되는 부분입니다. 주로 if문을 이용해 특정 시점에만 실행되도록 제한을 가합니다. 아래 코드는 addon이 설치되어 있고, admin 모듈이 아니고, 반환 대상이 HTML인 경우(view의 경우 대개 HTML이겠고 controller라면 XML/JSON인 경우가 많겠죠), 모듈이 초기화되기 전에 코드를 실행하겠다는 의미입니다.

     

그럼 이제 hello_world라는 간단한 애드온을 직접 작성해 봅시다.

hello_world 애드온은 page모듈의 상단에 hello world를 출력하는 애드온입니다.

   

우선 addons 폴더 안에 기본적으로 갖춰야 할 파일들을 생성합니다.

   

info.xml을 다음과 같이 작성합니다.

이외에도 addon 설정에 이용되는 extra_vars 등을 지정할 수 있지만, 지금은 필요하지 않습니다.

   

hello_world.addon.php도 가장 기본적인 내용을 작성합시다. HTML 코드를 생성한 뒤에 조작해야 하니, 모듈이 실행된 이후에 애드온이 실행되도록 합니다.

   

이제 실제로 hello world를 프린트하는 부분을 작성해야겠죠. 이 부분은 JavaScript로 작성해 봅시다.

hello_world 폴더 아래에 js라는 폴더를 만들고 hello_world.js를 생성해 줍시다. 지금은 똑같이 쓰긴 했지만, 자바스크립트 파일 이름은 애드온 이름과 달라도 됩니다 :)


hello_world.js 에서는 jQuery를 이용해 <body> 의 맨 뒷부분에 'hello world'를 추가하면 되겠죠?

   

자, 이제 page 모듈이 실행될 때 이 js파일을 실행시키도록 hello_world.addon.php 을 수정해 줍시다.

   

한 번 잘 되나 테스트해 볼까요? 우선 관리자 페이지에서 hello_world 애드온을 사용하도록 설정해 주셔야 합니다.

   

그리고 페이지 모듈을 하나 새로 만들어서 접속해 보시면, hello world가 출력되는 걸 보실 수 있습니다!

   

잘 되나 의심되신다면 위젯을 한두개 추가해 보세요. 저는 언어 선택 위젯을 추가해 봤습니다.   

   

잘 되네요 :)

신고

'Tech > PHP 개발' 카테고리의 다른 글

XE 애드온(addon)개발하기  (0) 2011.07.28
Selenium 설치 및 사용법  (0) 2011.07.04
PHPUnit 설치  (0) 2011.07.04
XE 개발, Firebug + FirePHP로 디버그하기  (0) 2011.06.30
Xdebug를 이용한 PHP 디버그  (0) 2011.06.29
Posted by cancho
Tech/PHP 개발2011.06.30 12:45

Firebug + FirePHP 설치

  1. Firefox를 다운받아 설치합니다.

    http://www.mozilla.com/firefox

  2. 도구>부가 기능에 들어가서

    Firebug와 FirePHP를 검색해 설치하고 브라우저를 재시작합니다.

  3. 브라우저 우하단의 벌레를 클릭합니다.

  4. Firebug 메뉴에서 Net 탭을 클릭하고 Enable을 눌러 Net 패널을 활성화시킵니다.

   

Firebug를 이용해 XE 디버그하기

  1. XE 프로젝트에서 /config/config.user.inc.php 를 만들어서 열고 다음과 같이 설정합니다.

    각 설정값에 대해서는 /config/config.user.php 에 자세히 설명되어 있으나, 간략히 설명하면 다음과 같습니다.

    __DEBUG__ == 1: debugPrint() 함수를 통해 메시지 출력

    __DEBUG_OUTPUT__ == 2: Firebug 콘솔에 출력

    __DEBUG_PROTECT__ == 0: 모든 IP에서 디버그 메시지 확인 가능

  2. 디버깅 메시지를 출력하고 싶은 php 파일을 열고 다음과 같이 debugPrint() 함수에 메시지를 설정합니다.

  3. Firefox에서 해당 페이지에 접속하면 설정해 둔 메시지가 Firebug 콘솔에 출력되는 것을 확인할 수 있습니다.

  4. 만약 Firebug가 아니라 파일에 메시지를 출력하고 싶다면 /config/config.user.inc.php 에서 __DEBUG_OUTPUT__을 0으로 설정합니다. 그러면 메시지가 Firebug 콘솔 대신 /files/_debug_message.php 파일에 저장됩니다.

신고

'Tech > PHP 개발' 카테고리의 다른 글

XE 애드온(addon)개발하기  (0) 2011.07.28
Selenium 설치 및 사용법  (0) 2011.07.04
PHPUnit 설치  (0) 2011.07.04
XE 개발, Firebug + FirePHP로 디버그하기  (0) 2011.06.30
Xdebug를 이용한 PHP 디버그  (0) 2011.06.29
Posted by cancho