통합개발환경 - GiGAGenie-ServiceSDK/UserGuide GitHub Wiki

참고 사항

      통합개발환경을 이용하기 위해서는 먼저 기가지니 단말에서 개발자 모드를 실행해야 합니다. 통합개발환경 버튼을 클릭하여 단말선택 화면에 진입을 했는데 기존에 개발자 모드 인증한 단말 UUID가 붉은색으로 표시되지 않는다면 아래 개발자 모드 실행 방법을 참고하셔서 단말에서 개발자 모드를 실행해 주세요.

개발자 모드 실행 방법

  1. 기가지니 단말에서 "개발자모드"로 발화하여 개발자모드를 실행하세요.

  2. 기가지니 LTE 단말과 페어링 된 휴대 단말로 기가지니 푸시가 전송됩니다.

  3. 푸시 메시지를 선택하면 개발자모드 실행을 위한 AppID 입력창이 보입니다. 개발자 모드 인증 완료한 AppID를 입력하세요.

통합개발환경 사용 방법

  1. AppID에 대한 개발자 모드 등록이 완료되면 Console > GiGA Genie > My Service 탭에서 “통합개발환경” 버튼이 노출됩니다.

  2. “통합개발환경” 버튼을 눌러 통합개발환경 단말선택 화면에 진입합니다. 개발자 아이디로 등록된 단말 리스트가 보이게 됩니다.

  3. 붉은색으로 표기된 현재 연결된 단말을 선택하여 통합개발환경 메인 화면에 진입합니다.

  4. 통합개발환경 메인화면은 아래와 같이 구성되어 있습니다.

    ① 파일 탐색기: 현재 실행되는 페이지의 html 파일과 구성된 javascript 파일이 보입니다.

    ② 소스 편집기: 현재 실행되는 html 페이지의 소스가 보입니다. 탐색기에서 파일명을 더블클릭 하면 편집기 화면에 소스가 노출되며 탭으로 관리됩니다.

    ③ 콘솔로그 화면: 단말에서 실행 되는 웹 페이지의 실시간 로그가 보입니다.

    ④ 소스 실행, 저장, 불러오기, 환경설정

    • Run: 소스를 실행합니다.

    • Clean: 콘솔 로그창의 내용을 삭제합니다.

    • Save: 현재 편집하고 있는 파일을 통합개발환경 서버에 임시 저장합니다. 단말 연결이 유효할 경우 IDE Refresh 버튼을 통해 다시 불러올 수 있습니다.

    • SaveAll: 편집기 탭에 노출된 전체 파일을 통합개발환경 서버에 임시 저장합니다. 단말 연결이 유효할 경우 IDE Refresh 버튼을 통해 다시 불러올 수 있습니다.

    • IDE Refresh: 통합개발환경 서버에 저장된 파일목록과 html 파일을 불러옵니다.

    • 3rd Refresh: 3rd Party 서버에 저장된 파일목록과 html 파일을 불러옵니다.

    • Setting: 편집기 화면의 테마, 글꼴 등을 설정합니다.

    ⑤ 샘플코드: 통합개발환경에서 제공하는 샘플코드입니다.

  5. 샘플코드를 실행하고 싶다면? 버튼을 눌러 샘플소스(Sample Quiz, 튜토리얼)를 불러올 수 있으며, 소스를 편집하여 실행할 수 있습니다.

  6. 샘플코드를 실행하려면 Console > GiGA Genie > My Service 탭에서 APP ID에 해당하는 API Key로 options.apikey 변수의 값을 변경합니다.

    ① 개발자 센터에서 발급받은 AppID에 대한 개발Key 보기를 선택합니다.

    ② 개발Key를 복사합니다.

    ③ 샘플파일의 options.apikey 변수의 key 값을 복사한 개발Key로 변경합니다.

    ④ Run 버튼을 눌러 실행합니다.

  7. 발화로 앱을 실행하고 싶다면? 기가지니 LTE 단말에서 발화로 앱을 실행하면 소스가 로딩되며 탐색기 목록이 노출됩니다. 현재 실행 페이지에서 발생하는 로그도 콘솔에 보이게 됩니다.

Copyright ⓒ 2017-2023 kt corp. All rights reserved.

⚠️ **GitHub.com Fallback** ⚠️