간단한 웹 응용 프로그램을 만듭니다.
3981 단어 JavaScriptBaaSmilkcocoa
먼저
이걸 읽으면 이런 앱을 만들 수 있어요.http://milk-cocoa.github.io/chat/ 간단한 웹 채팅 애플리케이션.
예를 들어 웹소켓과 같은 기술이 필요한 실시간 웹 응용 프로그램을 만들려면웹 서버에서 노드js를 이용하다.데이터베이스는 MySQL 또는 MongoDB 등 NoSQL을 사용합니다.AWS 서버를 사용할지 Heroku와 Azure 등 PaaS를 사용할지 고려해야 한다.이런 번거로운 일을 고려하지 않을 수 있는 방법이 있겠는가?milkcoa를 사용하세요.
milkcocoa : https://mlkcca.com/
(본사의 서비스;)
이번에는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("");
이렇게 간단한 해설은 끝났다.
Reference
이 문제에 관하여(간단한 웹 응용 프로그램을 만듭니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/syuhei/items/aaa4c5aefc754176d335
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
var milkcocoa = new MilkCocoa("seai9xxxxxx.mlkcca.com");
설명의 원본 코드는 여기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("");
이렇게 간단한 해설은 끝났다.
Reference
이 문제에 관하여(간단한 웹 응용 프로그램을 만듭니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/syuhei/items/aaa4c5aefc754176d335텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)