4. publish / subscribe

30
Meteor Korea DEV School 4 th day Pubish / Subscribe

Upload: seung-hyun-park

Post on 18-Jul-2015

1.538 views

Category:

Technology


2 download

TRANSCRIPT

Page 1: 4. publish / subscribe

Meteor Korea DEV School 4th day

Pubish / Subscribe

Page 2: 4. publish / subscribe

- 박승현

- [email protected]

- http://digveloper.ppillip.com

발표자 소개

Page 3: 4. publish / subscribe

Publish / Subscribe

Publish

- 서버쪽에서 클라이언트(브라우저)에 데이터를 내려주는 코드

Subscribe

- 클라이언트에서 서버쪽 Publish 된 데이터를 내려 받는 코드

Page 4: 4. publish / subscribe

Publish / Subscribe

1. autopublish 제거 하기 (콘솔)

2. publish 코드 구현 하기 (서버코드)

3. subscribe 코드 구현 하기 (클라이언트코드)

Page 5: 4. publish / subscribe

Publish / Subscribe – 1. autopublish 제거 하기

1. 프로젝트폴더에서 meteor list 를 사용해 봅니다.

현재 설치되어있는 패키지를 확인 하는 명령

Page 6: 4. publish / subscribe

Publish / Subscribe – 1. autopublish 제거 하기

미티어 기본 패키지

- autopublish - insecure - meteor-platform

1. 프로젝트폴더에서 meteor list 를 사용해 봅니다.

Page 7: 4. publish / subscribe

Publish / Subscribe – 1. autopublish 제거 하기

우리가 설치한 패키지

- mizzao:bootstra-3

1. 프로젝트폴더에서 meteor list 를 사용해 봅니다.

Page 8: 4. publish / subscribe

Publish / Subscribe – 1. autopublish 제거 하기

1. 프로젝트폴더에서 meteor list 를 사용해 봅니다.

autopublish 패키지 :

- 기본 포함되는 패키지

- pubsub 을 구현하지 않아도

서버의 모든 몽고디비 컬렉현을 subscribe 함.

- 간단한 프로토 타이핑용도 이외에는 사용하지 않음

Page 9: 4. publish / subscribe

Publish / Subscribe – 1. autopublish 제거 하기

2. 제거해 봅시다.

autopublish 로 자동 publish 된 데이터를 별다른 subscribe 코드 구현없이

user.find() 로 helper 에서 조회 할수 있었음.

물론 브라우저 콘솔에서도 같은 명령으로 조회 가능

Page 10: 4. publish / subscribe

Publish / Subscribe – 1. autopublish 제거 하기

2. 제거해 봅시다.

meteor remove 패키지명

삭제 해 봅니다.

Page 11: 4. publish / subscribe

Publish / Subscribe – 1. autopublish 제거 하기

2. 제거해 봅시다.

헉! 날라 갔다!

Before

After

Page 12: 4. publish / subscribe

이제부터

복구해 봅시다

Page 13: 4. publish / subscribe

Publish / Subscribe

1. autopublish 제거 하기 (콘솔)

2. publish 코드 구현 하기 (서버코드)

3. subscribe 코드 구현 하기 (클라이언트코드)

Page 14: 4. publish / subscribe

Publish / Subscribe – 1. publish 코드 구현하기

1. 화일을 생성합니다.

Page 15: 4. publish / subscribe

Publish / Subscribe – 1. publish 코드 구현하기

2. 코드를 구현합니다.

Page 16: 4. publish / subscribe

Publish / Subscribe – 1. publish 코드 구현하기

2. 코드를 구현합니다.

“getAllUsers”로 publish 명을

정했습니다(내맘임:) 추후 client 에서 호출 할수 있는 식별자 입니다.

Page 17: 4. publish / subscribe

Publish / Subscribe – 1. publish 코드 구현하기

2. 코드를 구현합니다. 클라이언트에서 subscribe 시

파라메터를 넘길수 있습니다.

find의 검색 조건을 만들때

유용합니다. :)

Page 18: 4. publish / subscribe

Publish / Subscribe – 1. publish 코드 구현하기

2. 코드를 구현합니다.

Users 는 collection.js에 등록된 컬렉션입니다.

여기에서 컬렉션을 검색 결과를 리턴합니다.

경우에 따라 field 를 정의 하거나 sort , limit 를 할수 있습니다.

Page 19: 4. publish / subscribe

Publish / Subscribe

1. autopublish 제거 하기 (콘솔)

2. publish 코드 구현 하기 (서버코드)

3. subscribe 코드 구현 하기 (클라이언트코드)

Page 20: 4. publish / subscribe

Publish / Subscribe – 1. subscribe 코드 구현하기

1. 브라우저에서 먼저 테스트 해봅니다.

크롬 브라우저 콘솔에서 서버에서 정의한 식별자를

입력 파라메터로 하여 넣습니다.

Meteor.subscribe(“getAllusers”);

Page 21: 4. publish / subscribe

Publish / Subscribe – 1. subscribe 코드 구현하기

1. 브라우저에서 먼저 테스트 해봅니다.

다시 돌아 왔다!

Page 22: 4. publish / subscribe

Publish / Subscribe – 1. subscribe 코드 구현하기

2. 자이제 코드에 넣습니다.

Page 23: 4. publish / subscribe

Publish / Subscribe – 1. subscribe 코드 구현하기

2. 자이제 코드에 넣습니다.

Template 이 처음 Dom에 insert 되는 순간(rendered)에

subscribe 코드를 넣습니다.

Page 24: 4. publish / subscribe

Publish / Subscribe – 1. subscribe 코드 구현하기

2. 자이제 코드에 넣습니다.

publish 명을 넣어서 subscribe 코드를

작성합니다.

Page 25: 4. publish / subscribe

이래도 이해가

안 되신다면 !

Page 26: 4. publish / subscribe

mini mongo

mongo

Server

Client

트리거!!!

Page 27: 4. publish / subscribe

mini mongo

mongo

Server

Client

DDP담부턴 자동

Page 28: 4. publish / subscribe

파라메터 넘기는 방법!

Page 29: 4. publish / subscribe
Page 30: 4. publish / subscribe

- 질 문

- 실 습