블로그 이미지
정홍주
Azure에 대한 내용뿐만 아니라 새로운 트렌드로 빅데이터, BI, SharePoint, 앱 등의 내용을 다룹니다.

calendar

1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31        

Notice

2013.04.12 09:01 Microsft Azure

Windows Azure – Mobile Services (5)

HTML/JavaScript – 데이터, ID

 

Windows Azure의 모바일 서비스에 iOS, Android 에 대한 지원 외에 아래 그림과 같이HTML/JavaScript 에 해당하는 내용이 추가되어 있습니다.

 

HTML 응용 프로그램 만들기와 다운로드를 통해 localhost로 테스트할 수 있습니다.
 

 

다운로드하고 나서 압축을 풀고 파일을 한번 살펴보면 app.js 에서 jQuery로 많은 내용을 하고 있다는 것을 알 수 있습니다.

 

테스트를 위해 실행하는 방법은 Server 폴더로 이동하여 launch-windows 를 클릭하면 됩니다.

R 을 클릭하여 웹 서비스를 시작하여 테스트할 수 있습니다.

 

http://localhost:8000 으로 브라우저를 통해 테스트하시면 아래와 같은 화면을 확인 하실 수 있습니다. 다른 도메인으로 하려면 모바일 서비스의 구성에서 Cross-Origin Resource Sharing 에 추가할 수 있습니다.

 

정말 손쉽게 jQuery를 이용하여 백 엔드의 데이터 서비스를 처리하는 것을 확인 가능합니다. 또한 스케쥴러와 서버 로직 등에 대한 내용을 구성할 수 있습니다.

바로 이어서 인증에 대한 내용을 확인해보겠습니다. 인증에 대한 자세한 사항은 아래 링크를 확인하시면 자세한 정보를 확인 가능합니다.

http://www.windowsazure.com/en-us/develop/mobile/tutorials/get-started-with-users-html/?fb=ko-kr

 

위 링크 중에서 핵심은 아래 코드가 됩니다.

function logIn() {

        client.login("facebook").then(refreshAuthDisplay, function (error) {

            alert(error);

        });

    }

 

 

물론 미리 facebook 앱에서 등록하고 ID 부분에 ID 암호를 입력해두어야 합니다.

https://developers.facebook.com/apps/

 

최종 실행 결과를 확인해보겠습니다. Log In을 클릭하면 Facebook 관련 창이 뜨는 것을 확인할 수 있습니다.

신고
posted by 정홍주