간단한 웹 응용 프로그램을 만듭니다.

먼저


이걸 읽으면 이런 앱을 만들 수 있어요.http://milk-cocoa.github.io/chat/ 간단한 웹 채팅 애플리케이션.

예를 들어 웹소켓과 같은 기술이 필요한 실시간 웹 응용 프로그램을 만들려면웹 서버에서 노드js를 이용하다.데이터베이스는 MySQL 또는 MongoDB 등 NoSQL을 사용합니다.AWS 서버를 사용할지 Heroku와 Azure 등 PaaS를 사용할지 고려해야 한다.이런 번거로운 일을 고려하지 않을 수 있는 방법이 있겠는가?milkcoa를 사용하세요.
milkcocoa : https://mlkcca.com/
(본사의 서비스;)
이번에는milkcoa를 이용한 개발방법을 소개하고 싶습니다.
  • 2015/5/2 추기 2015/5/7에서milkcoa의 새로운 버전에 따라 해설을 변경했다.
  • 개발을 시작하다


    먼저 https://mlkcca.com/ 개발자를 등록하세요.그런 다음 응용 프로그램을 대시보드로 등록합니다.

    "Javascript로 시작합시다!"쓰여있는 곳의 코드를 복사하면 준비환경이니 이번엔 믹코아가 준비한 샘플 소스를 먼저 사용하자.소스 코드는 Giithub에 있습니다.그중 가장 간단한 채트https://github.com/milk-cocoa/chat를 사용해 보세요.시위 행진은 여기http://milk-cocoa.github.io/chat/에 있다.우선 ZIP 등으로 이 소스 코드를 다운로드하세요.다음은'your app id'에서 milkcoa로 만든 앱의 app id를 입력하세요.(네가 입력한 것이 아니라 seai 9xxxxxxx처럼 자동으로 생성된 것이다.)
    var milkcocoa = new MilkCocoa("seai9xxxxxx.mlkcca.com");
    
    어쨌든 이걸로 먼저 움직여라.
    localhost로 apche 등 서버를 시작하거나 bitballoon 같은 서비스로 확인합니다.브라우저에서 HTML 파일을 직접 열 수 있습니다.
    다음은 원본 코드를 설명합니다.

    소스 코드 설명


    설명의 원본 코드는 여기https://github.com/milk-cocoa/chat/blob/master/index.html입니다.1. 부터 2.이전 번호로 댓글을 달아주세요.순서대로 설명하다.
    1.milkcoa와의 연결 설정.아까 여기 앱 id 편집했는데.milkcoa에서 만든 응용 프로그램 ID와 링크합니다.
    2. 에 메시지 데이터 저장소를 만듭니다.메시지 많이 넣은 상자를 만드는 것 같아.
    var ds = milkcocoa.dataStore("message");
    
    3. 그리고 메시지를 많이 넣을 수 있는 데이터 가게를 조회한다.호출할 때 데이터가 돌아옵니다.
    //3."message"データストアからメッセージを取ってくる
    ds.stream().sort("desc").next(function(err, datas) {
      datas.forEach(function(data) {
        renderMessage(data.value);
      });
    });
    
    4. 메시지 데이터 상점의 푸시 활동을 감시한다.다른 사람들이 데이터push를 이 데이터 저장소에 저장할 때 여기에 등록된 호출이 호출된다는 것이다.
    //4."message"データストアのプッシュイベントを監視
    ds.on("push", function(e) {
      renderMessage(e.value)
    });
    
    5. Post 버튼을 누를 때 실행합니다.정보 데이터를 데이터 저장소로 미루다.
    //5."message"データストアにメッセージをプッシュする
    ds.push({
      content : $("#content").val()
    });
    $("#content").val("");
    
    이렇게 간단한 해설은 끝났다.

    좋은 웹페이지 즐겨찾기