juggernaut의 보내기 버튼과 함께 텍스트 입력 섹션을 구현하려면 어떻게해야합니까?

Question

나는 GitHub의에 대한 정확한 가이드 라인을 따라하고 난의 마지막 단계에서이다 : ". 그게 지금 행동에 저거넛을 볼 수 http://localhost:8080에 가서 그것 뿐이다"

대화 상자가 표시됩니다. 그러나 텍스트를 쓸 수 없습니다.

테스트 대신 실용적인 채팅 사용을 위해 페이지를 수정할 수 있기를 바랍니다.

Answer 1

Juggernaut 추가 정보에서 기본 사용법이라는 제목의 가이드를 따라야 할 것 같습니다.

기본 사용법은

저거넛의 모든 것은 채널의 컨텍스트 내에서 이루어집니다. JavaScript 클라이언트는 서버가 에 게시 할 수있는 채널을 구독 할 수 있습니다. 먼저 Juggernaut의 application.js 파일을 포함시켜야합니다. 기본적으로 Juggernaut는 포트 8080에서 호스팅되므로 - 여기서는 파일에 링크 만 허용 할 수 있습니다.

<script src="http://localhost:8080/application.js" 

유형 = "텍스트/자바 스크립트"문자 집합 = "UTF-8">

우리는 다음 저거넛 객체를 인스턴스화하고 채널에 가입해야합니다. 보시다시피 subscribe에는 두 개의 인수 (채널 채널과 콜백)가 필요합니다.

<script type="text/javascript" charset="utf-8"> 
    var jug = new Juggernaut; 
    jug.subscribe("channel1", function(data){ 
    console.log("Got data: " + data); 
    }); 
</script> 

그건 클라이언트 쪽입니다. 이제, 우리는 약간의 루비 쓰기 것이다 채널에 게시 :

require "juggernaut" 
Juggernaut.publish("channel1", "Some data") 

당신은 열려있는 브라우저 창에 즉시 우리가 보낸 데이터를 나타납니다 볼 수 있습니다. 뿐만 아니라 문자열로, 우리는 심지어 같은 개체를 전달할 수 있습니다 : 여러 채널을 공동으로 현재를 메시지를 보낼 을 할 경우에

Juggernaut.publish("channel1", {:some => "data"}) 

은 게시 방법은 또한, 채널의 배열을합니다.

Juggernaut.publish(["channel1", "channel2"], ["foo", "bar"]) 

거의 그것의 요점이다

, 두 가지 방법 - 게시 구독. 그보다 더 쉬울 수는 없습니다! 당신은 당신이 양식에서 사용자의 입력을 받아 컨트롤러 내부 위에서 언급 한 루비 코드를 구현할 수 있습니다 수행 한 다음 사용자가 서로 다른 서버를 통해 데이터를 전송 할 수 Juggernaut.publish("channel1", @user_data) 같은 것을 호출하면

. `