Google Hangout Sample Apps
https://developers.google.com/+/hangouts/sample-apps?hl=ko
https://developers.google.com/+/hangouts/writing
https://developers.google.com/gadgets/docs/basic
http://life.scarygami.net/hangoutapps/
http://life.scarygami.net/hangoutapps2/
Google Hangouts App 만들기
Hangout App의 특징
- XML 문서(Hangouts 지정 포맷) 안에 표준 웹을 구성하는 html, css, javascript 등을 사용하여 만든다
- Hangout App는 행아웃 이용자에게 공유된다는 점에서 일반 웹App 과 유사하다
- javascript 사용시 Google 에서 제공하는 Hangouts API를 추가적으로 사용할 수 있다
- 서버측 코드(jsp, php 등)와 연결할 수 있는 점은 일반 웹 프로그래밍의 클라이언트 코드와 동일하다
- 작성된 Hangout App(XML 파일)의 웹경로를 자신의 Hangouts 계정에 등록해야 배포가 가능하다
- 2가지 유형(Hangout application, Hangout Extension)으로 화면상 위치가 달라진다
Hangout App 작성
- https://developers.google.com/+/hangouts/getting-started
- https://developers.google.com/+/hangouts/writing
- Hangouts에서 지정한 XML문서 형식으로 App을 작성하여 누구가 접속이 가능도록 공개된 웹경로에 저장한다
simpleHangoutApp.xmlhttp://micropilot.tistory.com/attachment/cfile6.uf@21641A415645FBC72EEF0F.xml
Hangout App의 등록
- https://console.developers.google.com/ 에 접속하여 우측 상단 곰보박스를 클릭한다
- 콤보박스 리스트에서 '프로젝트 생성....' 항목을 클릭하고 프로젝트 이름을 입력하고 확인을 눌러 프로젝트를 생성한다
- 콤보박스 리스트에서 '모든 프로젝트 관리' 를 선택하면 현재까지 생성된 자신의 모든 프로젝트가 나열되어 나타난다
- 방금 생성된 프로젝트 이름을 클릭하여 프로젝트 편집화면으로 이동한다
- 화면 중앙에 파란색 박스(Google API 사용 설정 및 관리)를 클릭한다
- API 관리자 '개요' 항목을 선택하면 많은 Google API 리스트가 나타난다
- Google에서 제공하는 많은 API 중에서 현재 프로젝트에서 사용하고자 하는 API를 선택한다
- 여기서 사용하고자 하는 API는 Hangout API인데 리스트에서는 보이지 않는다
- 검색키워드를 입력하는 곳에 hangout를 입력하면 Google+ Hangout API가 나타난다
- 검색 리스트에 나타난 Google+ Hangout API 항목을 클릭하고 'API 사용 설정' 버튼을 누른다
- '사용설정된 API' 화면에서 불필요한 API들이 디폴트로 선택되어 있다면 '사용중지'를 눌러서 제거할 수도 있다
- 왼쪽 '개요' 메뉴 하단의 '사용자 인증 정보' 멘뉴를 누르고 'OAuth 동의 화면' 을 선택한다
- 개발자의 Email주소, 이용자에게 보여질 App의 이름을 입력하고 '확인' 버튼을 누른다
- 왼쪽 '개요' 메뉴를 누르고 '사용 설정된 API'항목을 누르고 Google+ Hangouts API 우측의 기어 모양의 아이콘을 누른다
- Google+ Hangouts API 화면이 출력된다
- 애플리케이션 URL에 https://plushangoutstarter.appspot.com/static/ggs/yesnomaybe.xml 을 입력한다
- 애플리케이션 이름을 입력하고 하단의 '확인' 버튼을 누른다
- 비공개로 앱을 설정하여 멤버들에게만 공개하려면....
- Google Developers Console 화면의 좌상단의 석줄 아이콘을 누르고 '권한'항목을 클릭한다
- '구성원 추가' 버튼을 누르고 구성원으로 등록할 멤버의 Email 주소를 입력한다
- '권한' 항목에서는 소유자, 수정가능, 보기가능 중에서 하나를 선택하고 '추가' 버튼을 누른다
- 지금까지 생성하고 설정한 Hangout App을 실행하려면...
- 자신의 행아웃을 열고 '화상통화'를 클릭한다
- 화면에 마우스를 올리고 왼쪽 메뉴 하단의 '...' 마우스를 올리고 'App추가' 를 클릭한다
- 화면 상단의 메뉴 중에서 '개발자' 를 클릭하고 앞서 등록한 앱의 이름을 클릭한다
- 선택된 앱이 현재 화면에서 실행되어 나타나고 왼쪽의 메뉴컬럼에는 '<>' 으로 표시된다
- '<>' 표시된 앱은 비공개 앱이고 프로젝트 멤버로 등록된 이용자만 앱을 볼 수 있다
- 프로젝트 멤버로 등록된 이용자 이외의 이용자에게 앱을 공유하려면...
- 이방법으로 미리보기 혹은 베타 테스트 용으로 사용할 수 있다
- OAuth 2.0 클라이언트 아이디를 생성한다(https://developers.google.com/+/hangouts/running#permissions)
- '<>' 으로 설정된 앱을 선택하고 화면 상단의 '앱 공유' 버튼을 누른다
- 앱을 'public' 으로 공개설정하려면 https://developers.google.com/+/hangouts/publishing
- 공개하려면 반드시 OAuth 2.0 클라이언트를 생성해야 한다
OAuth 2.0 설정
- 개발자가 작성한 Hangout App을 공개로 배포하면 이용자들이 Hangout App에 접속할 때 인증동의 화면이 보여진다
- 인증동의 화면이 보이도록 하려면 구글 개발자 콘솔에서 OAuth 2.0 클라이언트 ID를 생성하여 등록하여야 한다
- 구글 개발자 콘솔에서 우측 상단의 콤보박스에서 해당 프로젝트를 선택한다
- 왼쪽 메뉴에서 '사용자 인증 정보' 항목을 클릭하여 애플리케이션 유형을 선택하고 '생성' 버튼을 누른다
Hangout App의 사용
- 실행
- 배포(공개): 공개시 비용결제(1회만),
- Chrome Web Store Developer Dashboard(https://chrome.google.com/webstore/developer/dashboard)
Hangout App과 JSP의 연결 예제
Hangout API 참조문서