반응형
블로그 이미지
개발자로서 현장에서 일하면서 새로 접하는 기술들이나 알게된 정보 등을 정리하기 위한 블로그입니다. 운 좋게 미국에서 큰 회사들의 프로젝트에서 컬설턴트로 일하고 있어서 새로운 기술들을 접할 기회가 많이 있습니다. 미국의 IT 프로젝트에서 사용되는 툴들에 대해 많은 분들과 정보를 공유하고 싶습니다.
솔웅

최근에 올라온 글

최근에 달린 댓글

최근에 받은 트랙백

글 보관함

카테고리

'WEB_APP/IBM Worklight'에 해당되는 글 2

  1. 2014.09.15 [Worklight] 첫번째 앱 HelloWorklight
  2. 2014.08.26 IBM Weblight 개요 및 설치하기

[Worklight] 첫번째 앱 HelloWorklight

2014. 9. 15. 01:14 | Posted by 솔웅


반응형

Worklight로 첫번째 앱을 만들었습니다.


http://www.ibm.com/developerworks/mobile/worklight/getting-started.html#GS_hello 에 있는 Creating your first hybrid Worklight application 이라는 문서를 따라 했어요.




이클립스는 이렇게 생겼는데요. 프로젝트 제목에서 오른쪽 마우스를 누르면 아래와 같이 됩니다.




여기서 Open Worklight Console을 선택하면 이 Hybrid 앱이 브라우저에 표시 되요.




이 Console 페이지에서 Preview as Common Resources를 선택하면 해당 앱이 실행됩니다.


만드는 방법은 그냥 Worklight Project를 만들면 되요.

자세한 내용은  Creating your first hybrid Worklight application 문서에 있으니까 참조하시구요.


이 글에는 나중에 앱을 만들일 있으면 참조할 내용들만 정리해 둘 겁니다.



1. Worklight Project 생성 -> 프로젝트 이름 넣고 Hybrid Application 선택 후 Next

2. 앱 이름 Type -> JavaScript framework을 선택할 수 있음 -> Finish


이렇게 하면 됩니다.




Worklight Project는 이렇게 세 부분으로 돼 있습니다.

첫번째로 개발 과정이나 배포단계에서 사용할 Reference들이 있는 부분

그리고 앱에서 사용하는 소스코드들과 adapter들 즉 실제 개발을 위한 소스코드들이 위치하는 부분

마지막으로 서버 customization components들이 있습니다.

 common 이라는 폴더는 default 환경을 말합니다. 여기에 각 환경별로 공유되는 모든 resource들이 들어가게 됩니다.


apps라는 폴더를 오른쪽 클릭해서 New > Worklight environment를 선택하시면




이와 같이 선택할 수 있는 여러 환경들이 보여집니다.

개발하고 싶은 환경을 선택하실 수 있습니다.


Common 환경에는 아래와 같은 주요 파일들이 있습니다.

index.html - main HTML file, css : main.css, images : common 환경에서 사용하는 이미지, js - initOption.js : 앱의 초기화 단계에서 사용하는 자바스크립트, main.js : main 자바스크립트, messages.js : 앱 메세지를 가지고 있는 JSON 객체. translation등에 이용될 수 있음.


legal 폴더는 모든 legal에 관련된 문서들이 있습니다. 라이센스나 뭐 배포 금지 허용 여부 뭐 그런것들이요.


application-descriptor.xml 파일은 이 어플리케이션의 메타데이터가 있습니다.


build-settings.xml 파일에는 minification and concatenation 에 대한 정보가 있습니다.


bin 폴더에는 remote Worklight Server에 deploy 할 때 사용될 수 있는 .wlapp, .wladapter 등이 있습니다.


세번째는 서버와 관련된 부분인데요.


externalServerLibraries폴더에는 external service server에 있는 라이브러리들이 있습니다.


server 폴더에는 서버쪽에서 해당 프로젝트를 customization할 수 있는 파일들이 들어 있습니다.


우선 conf 폴더에는

authenticationConfig.xml, default.keystore, login.html, SMSConfig.xml 등등이 있습니다.

java 폴더에는 앱을 빌드하고 난 후 Worklight 서버에 컴파일되고 deploy될 자바 클래스들이 있구요.

lib 폴더에는 서버에 deploy 될 JAR 파일들이 있습니다.


services 폴더에는 back-end services와 관련된 내용들이 있습니다.


Creating your first hybrid Worklight application 문서를 보면 더 자세한 내용들이 나옵니다.



그것들까지 다 정리할 수 는 없겠네요. 혹시 나중에 필요하면 정리하는 걸로 하고...

이 문서 마지막에 퀴즈가 있는데 그거나 복사해 넣어 둬야겠어요.




디폴터 앱 구조는 single HTML과 여러 CSS 그리고 JS 파일들이고


custom server-side Java 클래스들과 서버에서 사용되는 Properties 그리고 서버쪽 자바 코드가 포함된 JAR 파일들이 Worklight Project의 server-side 컴포넌트에 추가 될 수 있답니다.

서버 퍼포먼스를 테스트하기 위한 JMeter 어플리케이선은 이 프로젝트에 추가하지 않구요.


어플리케이션이 사용할 URL을 명시하는 곳은 application-descriptor.xml 입니다.


일단 첫번째 앱을 만들면서 Worklight Project의 기본 구조에 대해서 공부했습니다.


반응형

'WEB_APP > IBM Worklight' 카테고리의 다른 글

IBM Weblight 개요 및 설치하기  (0) 2014.08.26

IBM Weblight 개요 및 설치하기

2014. 8. 26. 15:12 | Posted by 솔웅


반응형

IBM Worklight Foundation


Develop, test, secure and manage mobile apps


IBM® Worklight® Foundation 은 여러분의 비지니스를 mobile device들로 확장하는데 도움을 드립니다. 이 제품은 개방적이고 여러 platform에서 빌드 하고 테스트하고 실행할 수 있고 native, hybrid, mobile web app 등을 관리할 수 있도록 해 줍니다. IBM Worklight Foundation 은 앱 개발과 유지 보수 비용을 절감하고 time-to-market 을 개선하고 모바일 앱에 대한 운영과 보안 부분을 개선하는데 도움을 드립니다.

IBM Worklight Foundation 은 아래 다섯가지로 구성돼 있습니다.

IBM Worklight Studio는 코드 재사용을 극대화하고 신속한 개발을 도와주는 native와 hybrid 개발에 대한 leading tool들을 제공합니다.

IBM Worklight Server는 mobile-optimized middleware로 어플리케이션과 back-end system 그리고 cloud-based service들 사이의 gateway 역할을 합니다.

IBM Worklight Device Runtime Components는 runtime client API (application program interfaces)로 보안과 운용 그리고 유용성(사용성) 개선을 위해 디자인 되었습니다.

IBM Worklight Application Center는 완성된 (production-ready) 모바일 앱을 배포하는 것을 관리하는 enterprise app store 를 셋업할 수 었도록 도와 줍니다.

IBM Worklight Console 은 administrative GUI 로 서버, adapters, 어플리케이션 그리고 push servies에 대한 실시간 운영 통게 분석을 제공함 으로서 모바일 앱의 관리와 모니터 그리고 instrument에 도움을 주기 위해 디자인 되었습니다.




IBM Worklight로 다음과 같은 일을 할 수 있습니다. :

   - 하나로 통일되고 공유되는 code base로 다양한 모바일 운영환경과 다양한 device들을 지원합니다.
   - Worklight 개발자들을 위해 command line interpreter로 선호하는 개발 툴을 활용할 수 있도록 합니다.
   - IBM BlueMix 모바일 서비스를 포함해 enterprise data, applications 그리고 cloud service들과 함께 연결되고 동기화 됩니다.
   - device, application, data 그리고 network 단에서 mobile 보안을 강화시켜 줍니다.

   - 하나의 central interface로부터 모바일 앱 포트폴리오를 관리합니다.




Download: IBM Worklight Developer Edition

IBM Worklight Developer Edition은 Eclipse IDE를 위한 self-contained, easy-to-install plugin 입니다. IBM Worklight Enterprise and Consumer Editions 은 각각의 개발 환경과 서버 콤포넌트들로 구성돼 있고 Developer Edition 은 그것들을 묶어서 데이터베이스나 어플리케이선 서버를 따로 인스톨하지 않고 한번에 Eclips용으로 다운로드 할 수 있도록 해 줍니다.

일단 인스톨이 되면 쉽고 빠르게 mobile web, hybrid 그리고 native 앱들을 iOS, 안드로이드, 블랙베리, Windows® Phone 등을 포함한 여러 모바일 플랫폼에서 동작하도록 할 수 있습니다. 이러한 앱 개발을 위해 HTML5, CSS3, JavaScript, Apache Cordova 그리고 jQuery, Sencha Touch, Dojo Mobile 같은 많이 사용되는 자바스크립트 프레임워크들을 사용할 수 있습니다.



Install Worklight Studio - 링크 클릭 후 worklight Studio 탭 선택

Worklight Studio 는 Eclipse plugin으로 신속하게 빌드하고 실행시키고 mobile web, hybrid, native 앱들을 관리할 수 있도록 해 줍니다.

    1. Java EE Developer를 위한 Eclipse IDE를 준비하세요.
    Juno SR2 (4.2.2), Kepler SR1 (4.3.1), Kepler SR2 (4.3.2), or Luna R (4.4).
    이전 버전의 이클립스를 가지고 있다면 Juno, Kepler, Luna 로 업데이트 한 후 아래 과정을 실행하시기 바랍니다.
    
    2.V6.1 이전의 Worklight Developer Edition을 가지고 있다면 그 프로그램을 Uninstall 하세요.
    이전 버전의 Worklight Developer Edition에서 Worklight Studio V6.2 로 업그레이드 할 수 없습니다.
    
    3. 이클립스를 실행후 Help > Eclipse Marketplace를 선택하세요.
      
    4.Find field에 Worklight을 입력한 후 Go를 클릭하세요.
    
    5.IBM Worklight Studio Install 버튼을 클릭하세요.
    
    6.IBM Worklight Studio와 다른 모든 기능들이 이미 선택돼 있을 겁니다. 확인 후 Next를 클릭하세요.
        항상 IBM Worklight Studio를 선택해야 합니다.
        IBM Dojo Mobile Tools 와 IBM jQuery Mobile Tools 들은 선택사항입니다. 필요하시면 선택하세요.
        
    7. license term들을 확인 후 accept 하세요. 그리고 installation을 시작하려면 Finish를 클릭하시면 됩니다.
    
    8. installation을 완료하기 위해 prompt들을 따라 진행하시기 바랍니다.
    
    9. 만약 여러분의 Eclipse workbench 에 IBM Rational Team Concert™ V4.0 Eclipse Client 가 이미 인스톨 되어 있다면, Worklight Studio를 시작하기 전에 이클립스 environment를 clean 하셔야 합니다.
    
    10. 이제 Worklignt 를 시작하세요. 


Get Start 링크 : http://www.ibm.com/developerworks/mobile/worklight/getting-started.html


====================================================================


이번에 join 한 프로젝트에서 하이브리드 모바일 앱을 만드는데 거기서 이 IBM Worklight를 사용합니다.

이 프로젝트에 제 업무의 25%만 사용해서 매뉴얼 테스팅만 하기 때문에 이 툴을 알아야 될 필요는 없지만..

관심있는 Cross-Platform Mobile App Development 툴이라 한번 공부해 보려구요.


다음 글서 부터는 Get Start 링크에 있는 사용법을 따라 해 본 후 정리해서 올릴 계획입니다.

반응형

'WEB_APP > IBM Worklight' 카테고리의 다른 글

[Worklight] 첫번째 앱 HelloWorklight  (0) 2014.09.15
이전 1 다음