제 4장: 세션 서비스 생성하기

스타터 앱의 슬라이드 메뉴에서 재생목록은 controllers.js에 하드코딩 되었습니다. 이번 장에서 REST 서비스를 이용하여 회의 세션을 검색하기 위해 Angular 리소스 모듈 (ngResource)을 이용하여 세션 서비스를 생성합니다.

단계

1. conference/www/js 디렉토리에서 services.js 이름의 파일을 생성합니다.

2. services.js에서 starter.services라는 이름으로 module을 ngResource 종속과 함께 정의합니다:

   angular.module('starter.services', ['ngResource'])
   

3. 이번 장에서 지정된 endpoint에 REST 서비스로 접속을 제공하기 위한 Angular 리소스 모듈을 사용하는 서비스를 Session이란 이름으로 정의합니다.

   angular.module('starter.services', ['ngResource'])
   
   .factory('Session', function ($resource) {
       return $resource('http://localhost:5000/sessions/:sessionId');
   });
   

   실제로 구동되는 애플리케이션에선 보통 config module에 서버 파라미터를 기록하는 것이 좋습니다.

4. 막 생성된 starter.services 모듈은 기본적으로 포함되지 않은 Angular 리소스 모듈에 의존성을 가집니다. index.html을 열고 angular-resource.min.js를 포함하는 스크립트 태그를 추가합니다. (ionic-bundle.js 이후)

   <script src="lib/ionic/js/angular/angular-resource.min.js"></script>
   

5. 방금 생성한 services.js 파일을 포함하는 스크립트 태그를 추가합니다. (app.js 이후)

   <script src="js/services.js"></script>