플러그인 설명서


개요

  • 플러그인을 만드는 느낌을 알아보는 페이지입니다.
  • 플러그인을 제작하는데 주로 쓰이는 재료들을 간단한 설명과 함께 한눈에 볼 수 있습니다.

 

주의사항

  • 유챗은 비동기입니다. 
    • 스크립트에 동기로 적힌 플러그인 스크립트는 제대로 동작할 가능성이 낮습니다.
  • 유챗로고를 삭제할 경우, 해당스크립트를 사용한 도메인이 차단될 수 있습니다.

 

이벤트 

바로가기

  1. 처음에는 이벤트를 등록해야합니다. 비동기적 특성때문에 이벤트를 보관할 함수가 필요합니다. -> 먼저 해야할것들
  2. 채팅방이 생성되고 필요한 채팅방 API 가 정의되고 난 후에 필요한 스크립트를 넣어야됩니다.
    • U.chat('*').on('after.create', function( room, data ) { .... });
  3. 그 이후 필요한 이벤트들을 등록하며 원하는 스크립트를 넣으시면됩니다.

 

플러그인 등록

바로가기

  1. 다른 유저로 보내거나 또는 다른 유저로부터 데이터를 받아 동작하기 위한 플러그인 등록 입니다.
  2. 이 역시 after.create 부터 정의 되어 있습니다.
  3. send 메소드로 데이터를 송신하면, 다른 모든이들이 receiver 를 통해 수신할 수 있습니다.
  4. receiver 에서는 보낸이의 정보를 확인할 수 있으므로, 데이터를 필터링할 수 있습니다.
  5. 모습
    • var plugin = room.plugin.add( '플러그인영문이름' )
    • plugin.send([ data, data2 ]);
    • plugin.onReceived(function( data ) { console.log ( data ); });

 

DOM

바로가기

  1. 유챗 기본스킨은 jquery 를 사용합니다.
  2. 주요 DOM을 배열로 관리하고 있으며, skin api 에 제공함으로써 플러그인을 도와주고 있습니다.

 

바로가기

  1. 채팅방 내에 layer poup 을 띄워 유저들의 의사를 물어보고, 정보를 제공합니다.

 

바로가기

  1. 기본스킨에 있는 메뉴바에 메뉴를 추가할 수 있습니다.

 

userMenu

바로가기

  1. 유저를 눌렀을때 나오는 메뉴를 관리하여, 그 유저에 대해 명령어를 실행할 수 있게 도와줍니다.