간단한 따라가기 튜토리얼을 통해 구글 드라이브를 연동한 VCL 애플리케이션을 만들어보겠습니다.

아래 튜토리얼은 엠바카데로 프로덕트 매니저 '사리나 뒤퐁(Sarina Dupont)'의 글을 번역한 것입니다.

원본: https://community.embarcadero.com/blogs/entry/building-a-google-drive-application-using-enterprise-connectors?utm_source=Facebook_Organic&utm_medium=social

 

 

이번 튜토리얼에서 사용할 제품은 다음과 같습니다.

 

엔터프라이즈 커넥터는 파이어댁(FireDAC)을 이용해 데이터베이스를 연동하는 것과 동일한 방법으로 구글 드라이브 데이터들을 바로 연동할 수 있게 해주는 솔루션입니다.

 


 

 

 

Step 1) 구글 드라이브 엔터프라이즈 커넥터 평가판 다운로드 & 설치

 

RAD Studio(델파이 or C++빌더) 10.2 를 실행하고 Tools > GetIt Package Manage 를 선택해

'겟잇 패키지 매니저(GetIt Package Manager)'를 실행합니다.

 

실행된 겟잇 패키지 매니저의 좌측 'CATEGORIES' 중 'Connectors'를 클릭 또는 검색창에서 'Drive'를 검색해

'Trial - Google Drive Component'를 설치합니다.

 

DriveGetIt.PNG

 

 

Step 2) VCL 애플리케이션 생성하기

 

File > New > VCL Forms Application > Delphi 를 엽니다.

 

데이터 익스플로러(Data Explorer) 화면의 CData GoogleDrive Data Source를 마우스 오른쪽 버튼으로 클릭한 후,

Add New Connection을 클릭합니다. 저는 연결명을 'GDrive'로 설정했습니다.

 

폼 위에 컴포넌트 TFDPhysGoogleDriveDriverLink, TFDConnection, FDQuery, DataSource를 알맞게 

올려놓습니다. 

 

TFDConnection의 오브젝트 인스펙터 설정 방법

  • DriverName: CDataGoogleDrive
  • ConnectionDefName: GDrive

연결 편집기(Connection Editor)를 열고 GetAndRefreshInitiateOAuth로 설정합니다.

(그 외의 컴포넌트 속성 설정은 아래 이미지를 참고하세요.)

 

Connection4.PNG

 

Query1.PNG

 

 

 

 

FDQuery의 SQL 스크립트 화면에 알맞은 SQL 구문을 입력합니다.

이번 예제에서는 구글 드라이브에 있는 모든 PNG 파일을 불러오는 SQL 구문을 활용해보겠습니다.

 

 

QueryEditor.PNG

 

 

 

다음으로 폼 위에 FDGUIxWaitCursor를 올려놓습니다. 데이터를 보여줄 수 있도록 DBGrid 도 올려주세요.

 

DataSource.PNG   

 

     DBGrid2.PNG

 

 

 

OnCreate 이벤트에 아래와 같이 소스코드를 입력해줍니다.

 

sourcecode.JPG

 

 

 

Step 3) 애플리케이션 실행하기

 

InitiateOAuth 설정을 GETANDREFRESH로 설정하면, 이제 모든 연결 설정은 완료되었습니다.

 

InitiateOAuth를 이용해 OAuth 교환을 반복하지 않고도 수동으로 OAuthAccessToken 연결 속성을 설정할 수 있습니다. 연결 시 해당 컴포넌트가 기본 브라우저에서 OAuth 엔드 포인트를 열게 됩니다. 이제 애플리케이션에 로그인하고 권한을 부여하세요. 해당 컴포넌트가 OAuth 프로세스를 완료할 것입니다.

  1. 콜백 URL에서 접근 토큰(Access Token)을 추출하고 요청 사항을 인증합니다.
  2. 접근 토큰이 만료되면 새로고침 됩니다.
  3. OAuth 값을 연결되어 있는 동안 유지되도록 저장합니다. 이 파일은 OAuthSettingsLocation에서 구성할 수
    있습니다.

OAuth 프로세스가 완료되면, VCL 애플리케이션에 데이터가 표시됩니다.

 

Login1_2.png

 

Login2_2.png

 

Oauth2.png

 

Authorized.PNG

 

 

CData4.PNG

 

 

Drive4.PNG

 

구글 드라이브 접속 화면입니다(이 화면은 개인 계정에 따라 다르게 보입니다). 

 

 

VCL 애플리케이션을 실행해보세요. 이 프로그램으로 구글 드라이브를 열지 않고도, 드라이브에 파일 업로드 및 삭제, 파일 설명 변경 등을 할 수 있습니다. 아래 실행화면은 파이어몽키(FireMonkey)로 만들어 본 화면 샘플입니다.

 

screen5.PNG

 

screen9.PNG

 

 

 

관련자료


번호 제목 글쓴이 날짜 조회 수
공지 [DelphiCon 요약] 코드사이트 로깅 실전 활용 기법 (Real-world CodeSite Logging Techniques) 관리자 2021.01.19 25117
공지 [UX Summit 요약] 오른쪽 클릭은 옳다 (Right Click is Right) 관리자 2020.11.16 23420
공지 [10.4 시드니] What's NEW! 신기능 자세히 보기 관리자 2020.05.27 25411
공지 RAD스튜디오(델파이,C++빌더) - 고객 사례 목록 관리자 2018.10.23 31321
공지 [데브기어 컨설팅] 모바일 앱 & 업그레이드 마이그레이션 [1] 관리자 2017.02.06 32315
공지 [전체 목록] 이 달의 기술자료 & 기술레터 관리자 2017.02.06 27736
공지 RAD스튜디오(델파이, C++빌더) - 시작하기 [1] 관리자 2015.06.30 48788
공지 RAD스튜디오(델파이,C++빌더) - 모바일 앱 개발 사례 (2020년 11월 업데이트 됨) 험프리 2014.01.16 185757
803 이전 버전 C ++ 빌더 애플리케이션을 C ++ 빌더 10 시애틀로 마이그레이션 [1] file 김원경 2017.11.24 1733
802 이 달의 기술자료 - 2017년 12월 file 험프리 2017.11.24 697
801 수원과학대 학생이 델파이로 개발한 '축구 리그 앱' 관리자 2017.11.24 1021
800 [발표자료] 20171117 델파이/C++빌더 제조/제어 개발 세미나 관리자 2017.11.20 408
799 [발표자료] 20171116 델파이/C++빌더 의료 개발 세미나 관리자 2017.11.17 364
798 [발표자료] 20171109 RAD스튜디오 100% 활용하기: 최신 기술 적용과 확장 관리자 2017.11.10 469
797 RAD 스튜디오 - 사물인터넷 관련기술과 고객사례 험프리 2017.10.31 1751
796 [고객사례-설치도구, 델파이] RAD&Installer 관리자 2017.10.31 604
795 이 달의 기술자료 - 2017년 11월 file 험프리 2017.10.30 575
794 안면인식(Face Detection) 라이브러리(안드로이드, iOS) 험프리 2017.10.30 2544
793 TTS(Text-to-Speech) 라이브러리(윈도우, 맥OS, iOS, 안드로이드) [2] 험프리 2017.10.30 1485
792 델파이로 빅데이터 데이터베이스 연동하기(Cassandra, Couchbase, MongoDB) 험프리 2017.10.30 1204
791 [고객사례-생산성도구, 델파이] Change-Pro for Excel - 엑셀 변경항목 분석 프로그램 관리자 2017.10.27 731
790 RAD스튜디오 로드맵 - 2017년 9월 관리자 2017.10.23 629
789 [따라하기] 인공지능 오목게임(7) - 오목게임 승자(5돌) 결정 지능프로그램 file 대화마을 2017.10.17 1701
788 [따라하기] 인공지능 오목게임(6) - 흑백 바둑알 놓고 위치저장 file 대화마을 2017.10.01 1138
» 엔터프라이즈 커넥터로 '구글 드라이브 VCL 애플리케이션' 만들기 file 관리자 2017.09.29 1466
786 이 달의 기술자료 - 2017년 10월 file 험프리 2017.09.26 637
785 [따라하기] 인공지능 오목게임(5) - 바둑알 놓기 [2] file 대화마을 2017.09.22 1015
784 [FMX] TListView 더보기 버튼 구현하기 험프리 2017.09.20 1081