1. 이클립스 2018-12버젼에서 SAPUI5관련 플러그인 설치
플러그인 목록
SAP HANA Cloud Platform Tools(목록에서 안보임)
SAP HANA Tools(설치)
UI Development Toolkit for HTML5(설치)
2-1. 클라우드 플랫폼에서 프로젝트 생성 후 이클립스로 git연결
SAP 클라우드 개발자계정을 발급받은 후 클라우드 환경에서 HTML5 어플리케이션 프로젝트 생성 후 로컬의 이클립스와 git을로 Clone 하였다.
2-2. 로컬환경의 이클립스에 Application Project 프로젝트 생성
일반적으로 이클립스에서 프로젝트 생성 시 프로젝트명을 기입하는것 외에 View 이름과 생성하는 언어(JavaScript, XML, JSON, HTML)를 지정할수 있다.
하기 사이트를 통하여 SAPUI5와 관련된 기술에 대한 개념과 참고할수 있는 사이트를 알게 되었다.
참고 사이트: https://blogs.sap.com/2018/04/10/sap-fiori-odata-service-examples/
https://blogs.sap.com/2016/05/31/odata-service-development-with-sap-gateway-code-based-service-development/
https://www.erpworkbench.com/sap-webapps/segw-odata-gateway-service.htm
3. SAP NetWeaver Gateway(ODATA) Service 생성
1) ODATA 서비스를 위한 RFC 생성
2) SEGW 티코드에서 ODATA 서비스 생성
3-1) 통신을 위한 ODATA서비스 등록(SEGW 티코드)
SEGW 티 코드에서 생성된 ODTA서비스 > Service Maintenance > Register 클릭 시 에러가발생되어 더이상 진행할수가 없다.
"Could not connect to the selected system. Check log for details."
3-2) 통신을 위한 ODATA서비스 등록(/IWFND/MAINT_SERVICE 티코드)
서비스 등록까지 완료 후 Gateway Client에서 서비스를 테스트 수행 시 에러가 발생되었다.
"Check the ICF nodes in Tx SICF: At least one nodeis inactive."
SICF 티코드에서는 해당 서비스가 Activate가 되어있는데.. 이상하여 메시지를 구글에서 검색해보니 SMICM 티코드의 HTTP 포트가 오픈이 안되어있어서 그런것 같다.
” … the value 0 for PORTS means that no port is opened for inbound connections for the specified protocol. For security reasons, ports for inbound connections must be explicitly configured.”
참고사이트: https://blogs.sap.com/2019/07/09/check-the-icf-nodes-in-tx-sicf-at-least-one-nodeis-inactive./
4. 로컬환경의 생성된 Application Project 안에서 예제코드 생성
참고 사이트: https://sapui5.hana.ondemand.com/#/topic/1409791afe4747319a3b23a1e2fc7064
해당 예제코드를 수행하기 위한 환경은 NWDS(SAP Netweaver Developer Studio) 진행하는게 좋을것 같고 이클립스 안에 Application Project에서 WAS(Web Application Sever)가 없이 실행이 가능하다. sap-ui-core.js파일을 CDN(Content Delivery Network) URL를 통해 실행을 하게되면 웹컨텐츠 하위의 파일을 호출할때 CDN URL(https://openui5.hana.ondemand.com/resources/sap-ui-core.js)뒤에 파일을 불러오려고 해서 404에러가 발생이 되고 URL를 로컬 URL(src="sap-ui-core.js")로 수정하면 정상적으로 실행이 된다.
하지만 Spring + Maven Project와 Dynamic Web Project에서 UI5 샘플코드 실행 시 ‘Access-Control-Allow-Origin’ 에러가 발생되었다. sap-ui-core.js와 관련 .js, .css파일을 로컬에 임포트해서 실행하였지만 스크립트 에러가 발생되었다.
크롬브라우저에서의 ‘Access-Control-Allow-Origin’ 에러에 대한 건 크롬 실행파일 옵션과 크롬 확장프로그램으로도 해결이 안되고 SAP서버에 배포하여 정상적으로 실행되는경우가 있는것 같다.
참고 사이트: https://blogs.sap.com/2015/02/19/how-to-get-rid-of-no-access-control-allow-origin-header-is-present-on-the-requested-resource-in-chrome-browser/
구글을 검색할때는 OpenUI5 + Spring 환경에 대한 예제가 존재한다.
해결: UI5 + Spring + Maven 환경에서 정상적으로 작동을 안했던 부분은 이클립스에서 프로젝트 생성시 Application Project 생성 후 Maven 프로젝트 업데이트 하면 실행이 된다. 하지만 크롬에서는 controller.js 파일을 못찾는 에러가 발생되는데 Edge에서는 정상으로 보인다.
참고 사이트: https://sapui5.hana.ondemand.com/#/topic/1409791afe4747319a3b23a1e2fc7064
해당 예제코드를 수행하기 위한 환경은 NWDS(SAP Netweaver Developer Studio) 진행하는게 좋을것 같고 이클립스 안에 Application Project에서 WAS(Web Application Sever)가 없이 실행이 가능하다. sap-ui-core.js파일을 CDN(Content Delivery Network) URL를 통해 실행을 하게되면 웹컨텐츠 하위의 파일을 호출할때 CDN URL(https://openui5.hana.ondemand.com/resources/sap-ui-core.js)뒤에 파일을 불러오려고 해서 404에러가 발생이 되고 URL를 로컬 URL(src="sap-ui-core.js")로 수정하면 정상적으로 실행이 된다.
하지만 Spring + Maven Project와 Dynamic Web Project에서 UI5 샘플코드 실행 시 ‘Access-Control-Allow-Origin’ 에러가 발생되었다. sap-ui-core.js와 관련 .js, .css파일을 로컬에 임포트해서 실행하였지만 스크립트 에러가 발생되었다.
크롬브라우저에서의 ‘Access-Control-Allow-Origin’ 에러에 대한 건 크롬 실행파일 옵션과 크롬 확장프로그램으로도 해결이 안되고 SAP서버에 배포하여 정상적으로 실행되는경우가 있는것 같다.
참고 사이트: https://blogs.sap.com/2015/02/19/how-to-get-rid-of-no-access-control-allow-origin-header-is-present-on-the-requested-resource-in-chrome-browser/
구글을 검색할때는 OpenUI5 + Spring 환경에 대한 예제가 존재한다.
해결: UI5 + Spring + Maven 환경에서 정상적으로 작동을 안했던 부분은 이클립스에서 프로젝트 생성시 Application Project 생성 후 Maven 프로젝트 업데이트 하면 실행이 된다. 하지만 크롬에서는 controller.js 파일을 못찾는 에러가 발생되는데 Edge에서는 정상으로 보인다.
댓글 없음:
댓글 쓰기