웹소스 버전관리 및 배포 (WebResourceUpdate) 디바이스API 가이드 프로그램

개요

웹소스 버전관리 및 배포(WebResourceUpdate) 가이드 프로그램은 디바이스 API 실행환경을 활용하여 하이브리드 앱을 개발 시 참고 및 활용될 수 있도록 구현된 전자정부 디바이스 API에 대한 가이드 앱으로써, 모바일 디바이스의 WebResourceUpdate관련 기능을 JavaScript기반으로 구성 된 WebResourceUpdate DeviceAPI를 통하여 웹 리소스의 최신버전 조회 및 버전 업데이트를 진행할 수 있는 기능을 지원한다.

특징

본 가이드 프로그램에서는 웹 서버에서 웹소스 최신버전 조회 및 현재 버전 비교 기능과 업데이트를 통하여 최신버전 반영(다운로드 포함)을 할 수 있는 기능을 제공하고 있다.

기능흐름도

전제 조건

구분 내용
Local 디바이스 개발 환경 Xcode 8.0 (8A218a), Cordova 6.4.0
서버 사이드 개발 환경 전자정부표준프레임워크 개발환경3.6
Mash up Open API 연계 N/A
테스트 디바이스 iPhone 6 , iPad Air
테스트 플랫폼 iOS 9.3, iOS 10.0
추가 라이브러리 적용N/A

제약사항

구분 내용
지원 디바이스 및 플랫폼N/A
크로스 도메인 사용폰갭에서 특정 외부 도메인이나 외부 도메인의 하위 도메인을 사용해야할 경우,
Res/xml/config.xml에서 <access origin=”” />에 외부 도메인 주소를 추가 설정해야 외부 도메인에 접속할 수 있다.
라이선스N/A

설명

웹소스 버전관리 및 배포(WebResourceUpdate) 디바이스API 가이드 프로그램는 최신버전 정보 조회, 버전 배포, 그리고 업데이트 확인 기능으로 구성되어 있다.(관련기능 부분참조)

Device Application

관련 소스

유형대상소스명비고
CSS assets/www/css/egovframwork/mbl/hyb/WebResourceUpdate.css 웹소스버전관리 및 배포 API 가이드 프로그램 주요 Cascading Style Sheets
IMAGE assets/www/images/egovframwork/mbl/hyb/ 웹소스버전관리 및 배포 API 가이드 프로그램 주요 Image 폴더
JS assets/www/js/egovframwork/mbl/hyb/WebResourceUpdate.js 웹소스버전관리 및 배포 API 가이드 프로그램 주요 JavaScript
HTML assets/www/WebResourceUpdate.html웹소스버전관리 및 배포 API 메인 페이지
HTML assets/www/intro.html웹소스버전관리 및 배포 API Intro 페이지
HTML assets/www/license.html웹소스버전관리 및 배포 API 라이센스 페이지
HTML assets/www/overview.html웹소스버전관리 및 배포 API 기능설명 페이지
RES [Project_Name]/Resources/ 웹소스버전관리 및 배포 API 가이드 프로그램 주요 Resource 폴더
PLIST [Project_Name]/Resources/[Project_Name]-Info.plist iOS 어플리케이션 설정 파일

활용 API

EgovResourceUpdate.getResourceVersion
  • 현재 웹소스의 버전 정보를 확인한다.
window.plugins.EgovResourceUpdate.getResourceVersion(onResult());
파라미터설명비고
onResult결과 값이 리턴되는 함수 json타입 데이터 처리
EgovInterface(request)
  • 웹 서버에 최신 버전 정보를 조회하여 로드한다.
window.plugins.EgovInterface.request(url, params, onSuccess);
파라미터설명비고
url웹서버로 요청 할 URI서버 URL 설정은 환경설정 참조
parames입력 파라미터 json Object 타입으로 입력
onSuccessPOST Method에 대한 성공시 리턴되는 함수 json타입 데이터 처리
EgovResourceUpdate.update
  • 웹소스 최신버전을 다운로드 받아 적용한다.
window.plugins.EgovResourceUpdate.update(url, params, onSuccess(), onError());
파라미터설명비고
url웹서버로 요청 할 URI서버 URL 설정은 환경설정 참조
parames입력 파라미터 json Object 타입으로 입력
onSuccess성공시 리턴되는 함수 json타입 데이터 처리
onError실패시 리턴되는 함수

Server Application

관련 소스

유형대상소스명비고
Controlleregovframework.hyb.mbl.upd.web.EgovResourceUpdateDeviceAPIController.java웹소스 버전관리 및 배포 API 가이드 프로그램 Controller Class
Serviceegovframework.hyb.mbl.upd.service.EgovResourceUpdateDeviceAPIService.java웹소스 버전관리 및 배포 API 가이드 프로그램 Service Class
ServiceImplegovframework.hyb.mbl.upd.service.impl.EgovResourceDeviceAPIServiceImpl.java웹소스 버전관리 및 배포 API 가이드 프로그램 ServiceImpl Class
VOegovframework.hyb.mbl.upd.service.ResourceUpdateDeviceAPIVO.java웹소스 버전관리 및 배포 API 가이드 프로그램 VO Class
DAOegovframework.hyb.mbl.upd.service.impl.ResourceUpdateDeviceAPIDAO.java웹소스 버전관리 및 배포 API 가이드 프로그램 Dao Class
QUERY XMLresources/egovframework/sqlmap/hyb/mbl/upd/EgovResourceUpdateDeviceAPIGuide_SQL_xxx.xml웹소스 버전관리 및 배포 API 가이드 프로그램 QUERY XML

관련 테이블

테이블명테이블명(영문)비고
웹소스 버전 resource_update웹소스 버전관리 정보
파일상세정보file_detail_info파일의 상세정보

테이블 정의서

  • RESOURCE_UPDATE
No컬럼ID컬럼명타입길이NULLKEY
1SN일련번호NUMERIC6NotNullpk
2APP_ID앱IDVARCHAR45Null
3OS_TYPE운영환경VARCHAR10Null
4RES_VERSION소스버전VARCHAR10Null
5USE_YN사용유무VARCHAR10Null
6UPDATE_CONTENT상세내용VARCHAR1000Null
7UPD_DT업데이트날짜NUMERIC10Null
8FILE_SN파일상세정보 테이블의 일련번호NUMERIC20Nullfk
  • FILE_DETAIL_INFO
No.컬럼컬럼명타입길이NullKEY
1FILE_SN파일연번NUMERIC20NotNullpk
2FILE_STRE_COURS파일저장경로VARCHAR2000Null
3STRE_FILE_NM저장파일명VARCHAR255Nullpk
4ORIGNL_FILE_NM원파일명VARCHAR255Null
5FILE_EXTSN파일확장자VARCHAR20Null
6FILE_CN파일내용BLOB Null
7FILE_SIZE파일크기NUMERIC8Null

ERD

환경설정

웹소스 버전관리 및 배포(WebResourceUpdate) 디바이스API 가이드 프로그램에서 제공하는 웹소스 버전 조회, 웹소스 버전 다운로드 및 배포, 웹소스 확인 등의 기능을 활용하기 위하여 필요한 항목 및 그 환경 설정은 다음과 같다.

Device Application

config.xml

    <!--전자정부 문서뷰어 API를 사용하기 위한 Custom Plugin 클래스-->
    <feature name="EgovResourceUpdate">
        <param name="ios-package" value="EgovResourceUpdate" />
    </feature>
    <feature name="EgovZip">
        <param name="ios-package" value="EgovZip" />
    </feature>

[Project_Name]/eGovModule/EGovComModule.h

    #define kSERVER_URL     @"Server_URL"

Server Application

resource/egovframework/sqlmap/sql-map-config_[DB명].xml

<sqlMap resource="egovframework/sqlmap/hyb/mbl/upd/EgovResourceUpdateDeviceAPIGuide_SQL_[DB명].xml"/>

관련기능

웹소스 버전관리 및 배포(WebResourceUpdate) API 가이드 프로그램은 웹서버에서 최신 웹소스 버전을 조회하여 해당 버전에 대한 파일 다운로드 및 배포를 할 수 있는 기능으로 구성되어 있다. 또한, 배포 후 웹소스의 확인을 위한 페이지 기능도 구성되어 있다.

웹 소스 버전 정보 및 최신 버전 조회하기

비즈니스 규칙

  • 현재 웹소스 버전을 조회한다.
  • 웹서버에서 최신 웹소스 버전을 조회한다.

관련 코드

현재 버전 조회
window.plugins.EgovResourceUpdate.getResourceVersion(function(jsondata) {
        jsonresult = jsondata;
        console.log("jsondata.resVersion > "+jsondata.resVersion);
        console.log("jsondata.resDistDt > "+jsondata.resDistDt);
        console.log("jsondata.resInstallDt > "+jsondata.resInstallDt);
        resVersion = jsondata.resVersion;
        resDistDt = jsondata.resDistDt;
        resInstallDt = jsondata.resInstallDt;       
        
	});
최신 버전 조회 및 화면 표시
function fn_egov_update_lastestVersion() {
    
    //alert("REQ UPDATE INFO");
    console.log(">>>appId : "+appId);
    console.log(">>>device.platform : "+device.platform);
    
    var url = "/upd/ResourceUpdateVersionInfo.do";
    
    var params = {
        appId : appId ,
        osType : device.platform};
    
    window.plugins.EgovInterface.request(url, params, function(jsondata) {
                                         //var data = JSON.parse(jsondata);
                                         //alert("jsondata : "+jsondata);
                                         console.log("jsondata > "+jsondata);
                                         resultJson = jsondata;                                         
                                         resLastestVersion = jsondata.result.resVersion;
                                         orignlFileNm = jsondata.result.orignlFileNm;
                                         streFileNm = jsondata.result.streFileNm;
                                         resVersionUpdDt = jsondata.result.updDt;
                                         resUpdateContent = jsondata.result.updateContent;
                                         console.log("server resLastestVersion : "+jsondata.result.resVersion);
                                         console.log("server orignlFileNm : "+jsondata.result.orignlFileNm);
                                         console.log("server streFileNm : "+jsondata.result.streFileNm);
                                         console.log("server resVersionUpdDt : "+jsondata.result.updDt);
                                         console.log("server resUpdateContent : "+jsondata.result.updateContent);

                                         if(jsondata.resultState == "OK"){
                                        	 	$('.deviceInfo:eq(0)').html(resVersion);
                                        		$('.deviceInfo:eq(1)').html(resDistDt);
                                        		$('.deviceInfo:eq(2)').html(resInstallDt);    
                                        		$('.deviceInfo:eq(3)').html(resLastestVersion);
                                        		$('.deviceInfo:eq(4)').html(resVersionUpdDt);
                                        	 
                                        		console.log("페이지 전환 ");
                                        	    $.mobile.changePage('#deviceInfo', 'slide', false, false);
                                        	    infoScroll.refresh();;
                                        	    
                                        	    console.log("send push ok");
                                         }else{
                                         $("#alert_dialog").click( function() {
                                             jAlert('데이터 전송 중 오류가 발생 했습니다.', '전송 오류', 'c');
                                           });
                                         }
                                         
                                         }, function(result){
                                        	 alert("error > "+result);
                                         });
    
}

관련 화면

메뉴 화면 소스 버전확인 화면

최신버전 적용

비즈니스 규칙

  • 최신 버전이 존재하면 웹소스를 다운받아 디바이스에 적용한다.

관련 코드

최신 버전 반영 확인 및 버전 반영(다운로드 포함)
function fn_egov_update_go() {

	jConfirm('최신버전을 적용하시겠습니까?', '알림', 'c', function(r) {
        if (r == true) {
        	fn_egov_update_action();
        }
    });
	
}

function fn_egov_update_action() {
	
    var url = "/upd/ResourceUpdatefileDownload.do";
    
    /*console.log("member resLastestVersion : "+resLastestVersion);
    console.log("member orignlFileNm : "+orignlFileNm);
    console.log("member streFileNm : "+streFileNm);
    console.log("member resLastestVersion : "+resLastestVersion);
    console.log("member resVersionUpdDt : "+resVersionUpdDt);
    */
        
    var params = {
        orignlFileNm :  orignlFileNm ,
        streFileNm : streFileNm,
        resLastestVersion : resLastestVersion,
        targetPath : null,
        resVersionUpdDt : resVersionUpdDt};
    
    window.plugins.EgovResourceUpdate.update(url, params, function(jsondata) {
        jsonresult = jsondata;
        console.log("jsondata > "+jsondata);
        
        resVersion = jsondata.resVersion;        
        resDistDt = jsondata.resDistDt;
        resInstallDt = jsondata.resInstallDt;
                    	 	    	 	
    	$.mobile.changePage('#main', 'slide', false, false);
    	infoScroll.refresh();    	    
	      
        }, function(result){
           alert("error > "+result);
        });

}
최신버전 적용 확인 화면 웹소스 다운로드 화면

웹소스 반영 화면 확인

비즈니스 규칙

  • 최신버전이 적용 된 화면을 표시한다.

관련 코드

웹소스 확인 화면
function fn_egov_update_goNewPage() {
    //alert(cordova.file.dataDirectory);
    console.log(">>> Web Resource Directory: "+cordova.file.dataDirectory);
    //location.href=cordova.file.dataDirectory+"/www/update.html";
    
    $("#ifUpdatepages").attr("src", cordova.file.dataDirectory+"/www/update.html");
    $.mobile.changePage('#updateInfo', 'slide', false, false);
	infoScroll.refresh(); 
}
메뉴 화면 웹소스 확인 화면

컴파일 디버깅 배포

컴파일

Device Applicaton 컴파일 방법

  • 왼쪽 상단의 삼각형 버튼을 클릭하면 가이드 프로그램이 빌드되어 아이폰 디바이스에 설치 된다.

  • 빌드가 성공하면 아래와 같은 어플리케이션 실행화면을 확인 할 수 있다.

Server Applicaton 컴파일 방법

  • 서버사이드 가이드 프로그램의 실행은 프로젝트를 마우스 오른쪽 버튼을 클릭 한후 Run As>Run On Server 버튼을 통해 실행 할 수 있다.

  • 빌드가 성공적으로 수행 되면 이클립스의 콘솔 창에서 'Server Startup in xxx ms' 메시지를 확인 할 수 있다.

디버깅

디바이스 어플리케이션에서 발생한 오류 내용 확인 및 디버깅을 위해서는 폰갭 프레임워크에서 제공하는 console.log를 이용할 수 있다. console.log 함수는 자바스크립트 구문에서 사용할 수 있는 디버그 코드로 이클립스 및 Xcode에서 확인 할 수 있다.

  • 실제 콘솔 로그 예
function fn_egov_network_check(doCheck)
{
    console.log('DeviceAPIGuide fn_egov_network_check');
    var networkState = navigator.network.connection.type;
    ...
}
  • xCode 콘솔 창


배포

웹소스 버전관리 및 배포(WebResourceUpdater) 디바이스 API 가이드 다운로드 : Click

참고자료

  • Cordova : Click
  • UX/UI 라이브러리 : jQuery MobileClick
 
egovframework/hyb3.6/guide/ios/webresourceupdate.txt · 마지막 수정: 2023/12/21 05:21 (외부 편집기)
 
이 위키의 내용은 다음의 라이센스에 따릅니다 :CC Attribution-Noncommercial-Share Alike 3.0 Unported
전자정부 표준프레임워크 라이센스(바로가기)

전자정부 표준프레임워크 활용의 안정성 보장을 위해 위험성을 지속적으로 모니터링하고 있으나, 오픈소스의 특성상 문제가 발생할 수 있습니다.
전자정부 표준프레임워크는 Apache 2.0 라이선스를 따르고 있는 오픈소스 프로그램입니다. Apache 2.0 라이선스에 따라 표준프레임워크를 활용하여 발생된 업무중단, 컴퓨터 고장 또는 오동작으로 인한 손해 등에 대해서 책임이 없습니다.
Recent changes RSS feed CC Attribution-Noncommercial-Share Alike 3.0 Unported Donate Powered by PHP Valid XHTML 1.0 Valid CSS Driven by DokuWiki