회사 개요

The 반틱 IDE Vantiq의 웹 기반 통합 개발 환경(IDE)입니다. 이 IDE는 개발 및 운영, 두 개의 웹 앱으로 구성되며, 각 앱은 여러 프로젝트를 가질 수 있습니다. 프로젝트를 통해 개발자 또는 운영자는 사용자 관리, 앱 및 클라이언트 구축, 디버깅, 배포 및 모니터링과 같은 작업을 그래픽 환경에서 구성할 수 있습니다. 이 사용자 가이드는 개발 및 운영 웹 앱 모두에서 사용 가능한 IDE 기능을 설명하며, 다음 문서와 함께 사용해야 합니다. 입문 튜토리얼.

개발 웹 앱은 다음 URL을 통해 접근합니다. http(s)://(서버 호스트) (예: https://dev.vantiq.com). 운영 웹 앱은 다음 URL을 통해 접속합니다. http(s)://(서버 호스트)/ui/ops/index.html각 웹 앱의 목적과 용도는 이 가이드의 뒷부분에서 설명합니다.

Vantiq IDE는 현재 버전의 Chrome, Firefox, Safari, Edge 및 Opera 브라우저에서 지원됩니다.

네비게이션 바

Vantiq IDE 탐색 표시줄은 브라우저 창 상단에 나타납니다.    내비게이션바 왼쪽 모서리의 내용은 사용자가 개발 웹앱을 사용하는지 운영 웹앱을 사용하는지에 따라 달라집니다. 그러나 두 앱에서 세 가지 컨트롤은 동일합니다.

  • 프로젝트 이름 현재 프로젝트의 이름을 포함합니다. 이 텍스트 입력 필드를 사용하여 새 프로젝트의 이름을 지정하거나, 현재 프로젝트의 이름을 변경하거나, 이름을 변경하여 현재 프로젝트의 사본을 만들 수 있습니다.
  • 찜하기 현재 프로젝트에 저장되지 않은 변경 사항이 있을 때마다 활성화됩니다.
  • 프로젝트 사용자가 새로운 프로젝트를 만들고, 모든 프로젝트를 관리하고, 기존 프로젝트 간에 빠르게 전환할 수 있습니다.

오른쪽 모서리에는 8개의 버튼과 메뉴가 있습니다. 검색, 보이지 않는 오류, 컴파일 오류, 카탈로그 업데이트, 도움말 센터, 네임 스페이스, 사용자글렌데일 프로젝트 설정보이지 않는 오류, 컴파일 오류 및 카탈로그 업데이트는 해당 조건이 네임스페이스에서 발견될 때만 표시됩니다. 해당 조건이 없으면 해당 버튼은 숨겨집니다.

The 검색 필드를 사용하면 사용자가 네임스페이스의 모든 리소스에서 해당 리소스의 내용과 일치하는 텍스트를 검색할 수 있습니다. 예를 들어, 다음 단어와 관련된 모든 리소스를 검색하려는 경우 엔진입력 엔진 그런 다음 다시 돌아가다 검색 필드입니다. 그러면 다음과 같은 대화 상자가 생성됩니다.

검색

이 검색에서 다음 단어가 발견되었습니다. 엔진 하나의 앱, 두 개의 클라이언트, 두 개의 배포, 하나의 환경, 그리고 하나의 이벤트 생성기가 있습니다. 이러한 리소스를 현재 프로젝트에 추가하려면 목록에서 해당 리소스 항목을 클릭하세요.

보이지 않는 오류

클릭 보이지 않는 오류 버튼을 클릭하면 현재 네임스페이스에서 기록되었지만 보이지 않는 오류 목록이 있는 창이 표시됩니다.

컴파일 오류

클릭 컴파일 오류 버튼을 클릭하면 현재 네임스페이스에서 컴파일 오류가 있는 리소스 목록이 있는 창이 표시됩니다.

카탈로그 업데이트

클릭 카탈로그 업데이트 버튼을 클릭하면 카탈로그 창이 표시됩니다. 업데이트 창의 탭에는 네임스페이스에 있는 모든 구독된 서비스와 설치된 어셈블리 목록이 표시되며, 여기에는 업데이트가 가능합니다.

도움말 센터

The 도움말 센터 메뉴에는 4개의 메뉴 항목이 있습니다.

  • 새로운 소식 최신 Vantiq 시스템 릴리스 노트가 있는 창을 표시합니다.
  • 개발자 가이드 Vantiq 시스템에 대한 참조 가이드, 튜토리얼 및 Vantiq REST API에 대한 세부 정보를 포함하여 Vantiq 시스템에 대한 전체 문서 세트가 포함된 새 브라우저 탭이 표시됩니다.
  • 개발자 리소스 Vantiq 메일링 목록, 타사 커넥터 및 어댑터에 대한 참조, Vantiq CLI 및 SDK에 대한 링크가 있는 창을 표시합니다.
  • VAIL 문서 VAIL 규칙 및 절차 참조 가이드가 포함된 새 브라우저 탭이 표시됩니다.

현재 네임스페이스

The 현재 네임스페이스 버튼을 클릭하면 현재 인증된 Vantiq 사용자가 권한이 있는 네임스페이스로 네임스페이스를 변경할 수 있는 대화 상자가 열립니다.

사용자

The 사용자 메뉴에는 현재 인증된 Vantiq 사용자의 사용자 이름이 표시됩니다. 또한 이 메뉴를 통해 사용자는 로그아웃하고, IDE 버전에 대한 자세한 정보를 표시하고, 특정 작업의 속도를 높이고자 하는 전문 사용자가 사용하는 IDE 설정을 변경할 수 있습니다.

프로젝트 설정

The 프로젝트 설정 메뉴에는 다음과 같은 메뉴 항목이 있으며, 이는 사용 중인 앱이 개발용인지 운영용인지에 따라 달라집니다.

  • 필터 (개발 전용) 사용자가 어떤 프로젝트 요소를 표시할지 선택할 수 있도록 합니다. 프로젝트 자원 그래프   프로젝트 내용 목록. 예를 들어, 다음을 선택 취소하여 유형 필터 항목, 샘플 프로젝트 자원 그래프 그래프에서 프로젝트의 네 가지 유형이 흐리게 표시되어 있는 것을 보여주는 모습은 다음과 같습니다.

필터PRG

  • 레이아웃 사용자가 각 프로젝트의 IDE 캔버스 표시 방식을 구성할 수 있습니다. 레이아웃 옵션 대화 상자에는 다음과 같은 여러 옵션이 있습니다.
    • 레이아웃 스타일 사용자가 사용자 지정 또는 타일 레이아웃을 선택할 수 있습니다. IDE 레이아웃 스타일 자세한 내용은 섹션을 참조하십시오.
    • 격자 크기 타일 ​​레이아웃에서 사용할 행과 열의 수를 선택합니다. 다음을 참조하세요. IDE 레이아웃 스타일 자세한 내용은 섹션을 참조하십시오.
    • 그리드 전환 사용자가 프로젝트 캔버스에 그리드 패턴을 포함할지 여부를 선택할 수 있습니다. (사용자 지정 레이아웃 스타일을 사용하는 경우에만 사용 가능)
  • 모든 창 닫기 사용자가 열려 있는 모든 창을 닫을 수 있습니다.
  • 현재 보기에서 모든 창 닫기 사용자가 현재 프로젝트 보기에서 열려 있는 모든 창을 닫을 수 있도록 합니다(프로젝트 보기는 아래에 설명되어 있습니다).
  • 모든 리소스 표시 (개발에만 해당) 현재 네임스페이스에서 찾은 모든 리소스와 각 리소스가 속한 프로젝트를 나열하는 대화 상자를 표시합니다.
  • 고아 자원 표시 (개발에만 해당) 현재 네임스페이스의 어떤 프로젝트에도 포함되지 않은 모든 리소스를 나열하는 대화 상자를 표시합니다.
  • 제외된 리소스 관리 (개발에만 해당) 프로젝트에서 명시적으로 제거되어 "제외 목록"에 들어간 리소스를 표시하므로 간접적으로 다시 추가되지 않습니다.

빵

IDE에서 대부분의 작업은 캔버스 영역(도구 모음 아래 영역)의 창을 사용하여 수행할 수 있습니다. 예를 들어, 입문 튜토리얼 귀하의 프로젝트는 다음과 같습니다.

빵

이 캔버스 영역에는 4개의 창이 포함되어 있습니다. 프로젝트 자원 그래프, 서비스: apps.services.EngineMonitor, 이벤트 생성기: EngineSimulation글렌데일 고객: EngineSimulation각 창의 크기를 조절할 수 있으며, 캔버스에서의 위치도 변경할 수 있습니다.

각 창의 오른쪽 상단에는 제목 표시줄이 있으며, 여기에는 아이콘 세트가 있습니다. 각 아이콘은 창에서 특정 작업을 수행하는 버튼입니다. 최소화, 최대화, 닫기와 같이 모든 창에 나타나는 아이콘도 있고, 창에 표시되는 리소스 유형에 따라 고유한 아이콘도 있습니다. 다음은 일반적인 아이콘과 그 동작입니다.

패널 버튼

왼쪽에서 오른쪽으로 버튼은 다음과 같습니다.

  • 저장 (Save Changes): 창 내용에 대한 변경 사항을 저장하는 데 사용됩니다.
  • 도움말 센터: 창의 내용과 관련된 문서가 포함된 새 브라우저 탭을 여는 데 사용됩니다.
  • 디스플레이 최대화/정규화: 창의 내용을 확장하여 브라우저 창 전체를 차지하거나, 반대로 창을 원래 크기로 복원하는 데 사용됩니다. 창을 최대화하면 내용을 더 쉽게 보고 수정할 수 있습니다.
  • 캔버스에 패널 고정: 타일 레이아웃 모드에서 창을 교체해야 할 때 이 창은 비활성 창 도크로 이동되지 않습니다.
  • Dock으로 보내기: 타일 레이아웃 모드에서 이 창을 비활성 창 도크로 이동합니다.
  • 닫기: 창을 닫고 캔버스에서는 제거하지만, 프로젝트에서 창의 내용은 삭제하지 않는 데 사용됩니다. 앞서 언급했듯이 창에는 내용에 따라 추가 버튼이 있을 수 있습니다. 버튼 위에 마우스를 올리면 버튼 제목이 포함된 도구 설명이 표시됩니다.

개발 앱

프로젝트는 서비스 및 클라이언트 개발을 위한 통합 환경을 제공하는 리소스 및 관련 도구 세트를 포함합니다. 일반적인 개발 작업은 다음과 같습니다.

개발 앱에서 IDE 탐색 모음에는 세 가지 공통 컨트롤 외에도 다섯 가지 메뉴가 포함되어 있습니다. 관리, Test , 배포, 쇼글렌데일 추가. 이러한 메뉴 컨트롤 중 몇 개에는 다음과 같은 제목의 하위 메뉴 섹션이 있습니다. Advnaced. 메뉴 항목은 다음에 포함되어 있습니다. Advnaced 이 섹션은 일반적으로 사용되지 않으므로 초보 사용자는 무시해도 됩니다.

관리

The 관리 메뉴에는 10개의 메뉴 항목이 있습니다:

  • 사용자 네임스페이스에 대해 현재 정의된 사용자 목록을 표시합니다. 네임스페이스에 새 사용자를 추가하려면 다음을 사용하세요. 새로 만들기 도구 모음의 아이콘 버튼 사용자 창유리.
  • 네임 스페이스 현재 정의된 목록을 표시합니다. 네임 스페이스 Vantiq 조직에 대해 정의되었습니다. 이 목록은 조직 관리자로 인증된 경우에만 유용합니다.
  • 감사 현재 목록을 표시합니다 Vantiq 감사.
  • 그라 파나 Grafana UI를 실행하여 리소스 사용률과 성능을 심층적으로 분석할 수 있습니다. (이 메뉴 항목은 Grafana가 활성화된 서버에서만 사용할 수 있습니다(예: Edge 서버는 사용할 수 없음).)
  • 고급>카탈로그 사용자가 카탈로그를 호스팅하고 관리할 수 있도록 합니다. Vantiq 카탈로그 시스템은 다음에서 설명합니다. Vantiq 카탈로그 참조 가이드.
  • 고급>프로필 현재 정의된 Vantiq 목록을 표시합니다. 프로필프로필에는 해당 프로필이 할당된 사용자가 네임스페이스에 정의된 데이터와 동작에 액세스할 수 있는 기능이 포함되어 있습니다.
  • 고급>액세스 토큰 Vantiq 목록을 표시합니다 토큰에 액세스 인증에 사용됨.
  • 고급>보류 중인 초대 네임스페이스에 대한 미처리 초대 목록을 표시합니다.
  • 고급>비밀 현재 정의된 목록을 표시합니다 비밀.
  • 고급>그룹 현재 Vantiq 네임스페이스에 대해 현재 정의된 그룹 목록을 표시합니다. 그룹 문서그룹은 리소스 컬렉션에 대한 공유 액세스 권한을 가진 사용자 집합입니다.

Test

The Test  메뉴에는 11개의 메뉴 항목이 있습니다:

  • 테스트 현재 네임스페이스에 정의된 모든 테스트를 나열하는 창을 표시합니다. Vantiq 테스트 시스템은 다음에서 설명합니다. Vantiq 테스트 참조 가이드.
  • 테스트 스위트 현재 네임스페이스에 정의된 모든 테스트를 나열하는 창을 표시합니다. Vantiq 테스트 시스템은 다음에서 설명합니다. Vantiq 테스트 참조 가이드.
  • 이벤트 생성기 추가하는 데 사용됩니다 이벤트 생성기 현재 프로젝트에.
  • 캡처 현재 정의된 목록을 표시하는 창을 표시합니다. 이벤트 캡처.
  • 부검 사용자가 Vantiq 규칙 및 절차 실행을 검색할 수 있는 창을 표시합니다. 부검 기록.
  • 오류 사용자가 Vantiq 시스템 오류의 과거 기록을 검색할 수 있는 창을 표시합니다.
  • 로그 사용자가 과거 로그 메시지를 검색할 수 있는 창을 표시합니다.
  • 고급>협업 사용자가 목록을 검색할 수 있는 창을 표시합니다. 협업활성 및 종료된 목록이 모두 표시됩니다. 이 목록은 협업 상태를 확인하고 협업을 삭제하는 데 사용할 수 있습니다.
  • 고급>활동 패턴 목록을 표시합니다 앱 활동 패턴   협업 활동 패턴.
  • 고급>상황 사용자가 상황 목록을 검색할 수 있는 창을 표시합니다.
  • 고급>디버그 구성 목록을 표시합니다 디버그 구성.

배포

The 배포 메뉴에는 7개의 메뉴 항목이 있습니다.

  • 구성 목록을 표시합니다 배포 구성.
  • 네트워크 그래프 목록을 표시합니다 네트워크 그래프새로운 네트워크 그래프를 만들 때 IDE는 현재 시스템에 연결된 것으로 구성된 다른 Vantiq 시스템에 대한 네트워크 검색을 수행합니다.
  • 노드 현재 시스템이 알고 있는 다른 Vantiq 시스템 목록을 표시합니다. 사용자는 다음을 사용하여 다른 노드에 연결할 수 있습니다. 새로 만들기 오른쪽 상단에 있는 아이콘 버튼 노드 창유리.
  • 노드 구성 Vantiq 목록을 표시합니다 노드 구성 새로운 Vantiq 노드를 부트스트래핑하는 데 사용됩니다.
  • 배포 Vantiq 목록을 표시합니다 배포사용자는 이 그래픽 도구를 사용하여 배포 작업을 간소화할 수 있습니다.
  • 환경 Vantiq 목록을 표시합니다 환경. 환경은 사용자가 선택한 노드 집합을 포함합니다. 이는 다음에서 사용됩니다. 배포.
  • 클러스터 Vantiq 목록을 표시합니다 클러스터클러스터는 다음과 같은 관리되는 환경입니다. Kubernetes.

쇼

The 쇼 메뉴에는 7개의 메뉴 항목이 있습니다.

  • 기록 찾기… 사용자가 Vantiq 인스턴스 목록을 검색할 수 있는 창을 표시합니다. 타입목록을 검색한 후에는 해당 인스턴스를 편집하거나 삭제할 수 있습니다.
  • 기록 추가… 사용자가 Vantiq 유형의 새 인스턴스를 추가할 수 있는 창을 표시합니다.
  • 카탈로그 현재 네임스페이스가 연결된 모든 카탈로그 목록을 표시하고 사용자가 새 카탈로그 연결을 생성하고 기존 카탈로그 연결을 삭제할 수 있도록 합니다. Vantiq 카탈로그 시스템은 다음에서 설명합니다. Vantiq 카탈로그 참조 가이드.
  • 컴파일 오류 원인 컴파일 오류 네임스페이스에서 발견된 리소스의 모든 VAIL 컴파일 오류를 포함하는 표시할 창입니다.
  • 리소스 그래프 원인 프로젝트 자원 그래프 표시할 창입니다. 프로젝트 자원 그래프 프로젝트에 있는 모든 Vantiq 리소스 간의 관계를 보여주는 그래프입니다. 예를 들어, 프로시저가 유형을 참조하는 경우 그래프에는 프로시저 노드와 유형 노드를 연결하는 간선이 표시됩니다. 리소스는 다음을 사용하여 프로젝트에 추가됩니다. 추가 다음 섹션에서 설명할 메뉴입니다.
  • 고급>문서 현재 Vantiq 네임스페이스에 저장된 문서 목록을 표시합니다. 문서는 일반적으로 Vantiq 모바일 앱이나 Vantiq IDE에서 업로드됩니다.
  • 고급>빠른 시작 일반적인 개발 웹 앱 작업을 수행하는 방법과 링크를 제공하는 빠른 시작 창이 표시됩니다.

추가

The 추가 메뉴는 현재 프로젝트에 Vantiq 리소스를 추가하는 데 사용됩니다. 각 메뉴 항목은 리소스를 참조합니다. 예를 들어, 예배 이 항목에는 다음 대화 상자가 표시됩니다.

서비스 추가

이 대화 상자를 사용하여 기존 리소스를 추가하거나(목록에서 선택) 새 리소스를 만듭니다( 신제품 버튼). 리소스가 추가되거나 생성되면 리소스가 추가됩니다. 프로젝트 자원 그래프 창(표시되는 경우) 및 프로젝트 내용 창(표시되는 경우).

운영 앱

운영 프로젝트는 Vantiq 네임스페이스를 관리하고 모니터링하는 도구 세트를 제공합니다. 일반적인 운영 앱 작업은 다음과 같습니다.

  • 현재 네임스페이스를 생성하고 편집합니다. 사용자,
  • Vantiq를 실행하여 작업(예: 앱)의 작동을 모니터링합니다. 고객사,
  • 네임스페이스에서 생성된 오류와 로그 메시지를 모니터링합니다.

Operations 앱에서 IDE 탐색 모음에는 세 가지 공통 컨트롤 외에도 세 가지 메뉴가 포함되어 있습니다. 관리, 배포글렌데일 모니터. 이러한 메뉴 중 몇 개에는 다음과 같은 제목의 하위 메뉴 섹션이 있습니다. Advnaced. 메뉴 항목은 다음에 포함되어 있습니다. Advnaced 이 섹션은 일반적으로 사용되지 않으므로 초보 사용자는 무시해도 됩니다.

관리

The 관리 메뉴에는 10개의 메뉴 항목이 있으며 이에 대해서는 다음에서 설명합니다. 개발 앱 관리 메뉴.

배포

The 배포 메뉴에는 7개의 메뉴 항목이 있으며 이에 대해서는 다음에서 설명합니다. 개발 앱 배포 메뉴.

모니터

The 모니터 메뉴에는 5개의 메뉴 항목이 있습니다.

  • 고객사 현재 정의된 목록을 표시합니다. 고객사 Vantiq 클라이언트를 실행하고 실행하는 데 사용됩니다. 클라이언트를 사용하면 Vantiq 시스템에 그래픽으로 데이터를 입력하고 표시할 수 있습니다. 예를 들어, 다음과 같은 클라이언트가 연결되어 있습니다. 입문 튜토리얼:

실행 중인 클라이언트

프로젝트 뷰

개발 프로젝트는 리소스와 이를 활용하는 도구 세트를 담고 있는 컨테이너라고 할 수 있습니다. 리소스 세트는 상당히 커질 수 있으므로 프로젝트를 더 작고 관련된 하위 세트로 나누는 것이 유용할 수 있습니다. 이는 "뷰"라는 기능을 통해 가능하며, 이 기능을 사용하면 프로젝트의 관련 리소스 세트를 식별하고 그룹화할 수 있습니다.

뷰를 사용할 필요는 없습니다. 뷰를 무시하고 단일 "프로젝트 내용모든 것을 한 곳에 모아 놓은 뷰입니다. 하지만 뷰는 종종 대규모 프로젝트의 구성 요소를 구성하는 방법으로 사용될 수 있습니다. 뷰의 작동 방식과 장점을 이해하는 데 도움이 되는 몇 가지 기본 사항은 다음과 같습니다.

  • 항상 "라는 기본 보기가 있습니다.프로젝트 내용” 여기에는 프로젝트의 모든 리소스가 포함되어 있습니다.
  • 사용자가 만든 "사용자 지정" 뷰에는 프로젝트 콘텐츠 뷰에 ​​있는 모든 리소스의 하위 집합이 포함됩니다. 리소스는 여러 뷰에 있을 수 있지만, 모든 리소스는 항상 프로젝트 콘텐츠 뷰에 ​​있습니다. 사용자 지정 뷰를 사용하여 프로젝트를 저장하면 이전 버전의 Modelo에서도 읽을 수는 있지만, 사용자 지정 뷰는 무시됩니다.
  • 사용자 지정 보기는 프로젝트 콘텐츠 독과 프로젝트 콘텐츠 그래프에 있는 모든 프로젝트 리소스의 하위 집합을 표시합니다. 콘텐츠 독은 네 가지 방식으로 표시할 수 있습니다. 나무, 명부, 입력글렌데일 출력각 뷰는 프로젝트 리소스 그래프 내에 자체 레이아웃을 저장합니다. 각 뷰는 "타일"또는"관습”. 각 뷰에는 자체 창 세트가 열려 있습니다.
  • 동일한 창을 여러 뷰에서 동시에 열 수 있습니다. 실제로 실행 중인 특정 창은 하나만 존재하며 모든 뷰가 이를 공유합니다. 즉, 어떤 뷰에 나타나든 동일한 창은 항상 동일한 상태를 유지합니다. 또한 한 뷰에서 창을 닫더라도 다른 뷰에서 해당 창을 열지 않는 한 실제로 닫히지 않습니다.
  • 콘텐츠 독에 기어/설정 아이콘이 있습니다. 클릭하면 "보기 관리사용자 지정 보기를 생성, 삭제 및 이름 변경하는 데 사용되는 "대화 상자입니다. 또한 "새로운 관점” 메뉴 항목을 사용하여 간단히 새 항목을 추가할 수 있습니다.
  • 사용자 정의 보기가 하나 이상 있는 경우 콘텐츠 도크의 왼쪽 가장자리에 세로 탭이 나타나고 이를 사용하여 보기 간에 쉽게 전환할 수 있습니다.
  • IDE 도구 모음 설정 메뉴에는 "모든 창 닫기" 메뉴 항목이 있습니다. 모든 창에 모든 보기. "현재 보기의 모든 창 닫기" 메뉴 항목도 있습니다.
  • 사용자 지정 보기에서 리소스를 제거해도 프로젝트 콘텐츠 보기에서는 제거되지 않습니다. 하지만 프로젝트 콘텐츠 보기에서 리소스를 제거하면 모든 사용자 지정 보기(및 프로젝트)에서도 제거됩니다. 사용자 지정 보기에 리소스를 추가하면 프로젝트 콘텐츠 보기에 자동으로 추가됩니다(프로젝트 콘텐츠 보기에 이미 추가되어 있지 않은 경우).
  • 콘텐츠 독은 리소스 작업을 위한 다양한 컨텍스트 메뉴와 프로젝트 콘텐츠 뷰에서 사용자 지정 뷰로 리소스를 복사하는 작업을 제공합니다. 실제로 프로젝트 콘텐츠 뷰에서 여러 리소스를 선택하고 컨텍스트 메뉴를 사용하여 모든 리소스를 동시에 사용자 지정 뷰로 복사할 수 있습니다.
  • 사용자 정의 보기의 상황에 맞는 메뉴 항목을 사용하면 한 수준을 추가할 수 있습니다. 폴더 그런 다음 드래그 앤 드롭으로 리소스를 해당 위치로 옮길 수 있습니다. (프로젝트 콘텐츠 뷰에서는 폴더가 지원되지 않습니다.)

Views를 사용하려면 Contents Dock의 기어/설정 아이콘을 클릭하고 다음을 선택하세요. 새로운 관점:

타일

이렇게 하면 보기에 이름을 지정하고, 선택적으로 초기 리소스 세트를 추가할 수 있는 대화 상자가 표시됩니다. 클릭하면 OK, 새 보기의 탭이 콘텐츠 도크에 나타나고 새 보기가 현재 활성화된 보기가 됩니다.

IDE 레이아웃 스타일

개발 및 운영 앱에서 각 프로젝트는 다음 두 가지 스타일 중 하나로 캔버스 창을 표시하도록 구성할 수 있습니다. 관습 or 타일. 프로젝트의 레이아웃 스타일을 선택하려면 다음을 사용하세요. 프로젝트 설정 선택할 메뉴 공들여 나열한 것….

각각에 주목하세요 관측 자체 레이아웃 스타일을 가질 수 있습니다.

플렉스 그리드 레이아웃 스타일

플렉스 그리드 레이아웃 스타일 캔버스를 다양한 크기의 여러 창으로 분할할 수 있습니다. 사용자는 캔버스를 가로 또는 세로로 분할한 후, 분할된 창을 다시 분할할 수 있습니다. 분할된 창은 항상 직사각형 모양이며 캔버스를 채웁니다. 사용자는 그룹 사이의 선을 드래그 앤 드롭하여 Flex Grid 그룹의 크기를 조정할 수 있습니다. 또한, 드래그 앤 드롭하거나 마우스 오른쪽 버튼을 클릭하고 선택하여 분할된 그룹 간에 창을 이동할 수 있습니다. 다른 창으로 이동 메뉴 항목입니다. Flex Grid 레이아웃 스타일이 기본 레이아웃 스타일입니다. 아래 프로젝트는 Flex Grid 레이아웃 스타일을 사용하여 보여줍니다.

플렉스그리드

사용자 정의 레이아웃 스타일

사용자 정의 레이아웃 스타일 사용자가 IDE 캔버스에서 창을 이동하고 크기를 조정할 수 있습니다. 사용자는 캔버스에 여러 창을 표시한 후 스크롤 막대를 사용하여 현재 표시된 캔버스 외부의 창을 볼 수 있습니다.

타일 ​​레이아웃 스타일

타일 ​​레이아웃 스타일 사용자가 볼 수 있는 캔버스에 정확히 맞는 크기의 그리드 패턴을 사용하여 고정된 개수의 창을 표시할 수 있도록 합니다. 브라우저 창의 크기가 조정되면 창 크기도 새로운 크기에 맞게 조정됩니다. 아래 프로젝트는 2×2 그리드의 타일 레이아웃 스타일을 사용한 모습입니다.

타일

사용자가 새 창을 열고 캔버스 그리드가 가득 찬 경우 가장 최근에 열린 캔버스 창이 다음으로 이동됩니다. 비활성 창 도크 캔버스 상단에 있습니다. 위 예에서는 세 개의 비활성 창이 있습니다. /내/응답/주제 두 시스템HUD 항목. (첫 번째 시스템HUD 항목은 SystemHUD 유형을 나타내고 두 번째 항목은 시스템HUD 항목은 구독을 나타냅니다.) Vantiq 리소스(예: 유형, 주제, 앱, 클라이언트 등)와 연결된 각 비활성 창에는 다음에서 찾을 수 있는 것과 동일한 색상 코딩이 있습니다. 프로젝트 자원 그래프. 다른 모든 비활성 창은 기본적으로 회색으로 표시됩니다.

비활성 창을 캔버스에 복원하려면 비활성 창 독에서 해당 항목을 클릭하세요. 비활성 창은 캔버스에서 가장 최근에 사용되지 않은 창을 대체합니다. 그러면 가장 최근에 사용되지 않은 창이 비활성 창 독에 추가됩니다.

비활성 창 Dock은 Dock의 정렬 메뉴를 사용하여 정렬합니다. 비활성 창은 다음 네 가지 방법 중 하나를 사용하여 정렬합니다. 카테고리 , 최근 사용됨, A-Z및 생성 시간. 면 카테고리  이 선택되면 도크 항목은 7가지 일반 창 범주(예: 리소스 유형, 목록, 데이터) 중 하나를 사용하여 정렬되며, 각 창은 도크 항목의 아이콘으로 표시됩니다.

비활성 창 Dock 항목 위에 마우스를 올려 놓으면 하나 또는 두 개의 컨트롤이 표시됩니다.

호버

  • 닫기 작은 X 아이콘으로 표시됩니다. 닫기 비활성 창 Dock에서 항목을 제거하려면 아이콘을 클릭하세요.
  • 찜하기 작은 디스크 아이콘으로 표시됩니다. 찜하기 해당 리소스에 저장되지 않은 변경 사항이 있는 경우 리소스를 저장하는 아이콘.

타일 ​​레이아웃 스타일을 사용할 때 캔버스의 창에는 창 오른쪽 상단의 도구 모음에 두 개의 추가 아이콘이 있을 수 있습니다.

독아이콘

  • Dock으로 보내기 표시된 창을 비활성 창 독으로 이동하는 데 사용됩니다. 이렇게 하면 캔버스에 열린 항목이 생기고, 캔버스에서 다음에 열리는 창으로 채워집니다.
  • 캔버스에 패널 고정 는 표시된 창을 캔버스에 고정하여 새 창으로 바뀌지 않도록 하는 데 사용됩니다. 사용 캔버스에 패널 고정 하나 이상의 창이 캔버스에 항상 표시되도록 합니다. 고정 후 캔버스에 패널 고정 아이콘은 다음으로 대체됩니다. 캔버스에서 창 고정 해제 고정 상태를 되돌리는 아이콘입니다.

비활성 창 도크는 IDE 상단이나 오른쪽에 도킹할 수 있습니다. Dock을 오른쪽으로 이동 or Dock을 맨 위로 이동 도크의 위치를 ​​전환하는 버튼입니다.

IDE 도크

위에서 설명한 비활성 창 도크 외에도 두 개의 추가 IDE 도크가 있습니다. 프로젝트 내용   디버그.

프로젝트 콘텐츠 도크

프로젝트 콘텐츠 독은 IDE 왼쪽에 도킹되어 있습니다. 프로젝트의 모든 리소스 목록을 포함하고 있으며, 리소스 보기 변경 도크 상단의 버튼을 클릭하세요. 정렬 방법은 네 가지가 있습니다. 유형별 자원 트리, 관련 입력이 있는 리소스 트리, 관련 출력이 있는 리소스 트리글렌데일 이름별 리소스 목록가운데 두 정렬 방법은 리소스에 대한 추가 트리 수준을 표시하여 다른 리소스가 해당 리소스와 어떻게 연관되는지 보여줍니다. 예를 들어, "/patientChange" 주제에 게시하면 "ProcessChange" 규칙이 트리거되는 경우, 리소스 트리에 해당 관계가 표시됩니다.

사용 Dock 왼쪽 축소 IDE에서 공간을 절약하기 위해 프로젝트 콘텐츠 도크를 축소하는 버튼을 사용합니다. Dock 오른쪽 확장 프로젝트 콘텐츠 독을 전체 너비로 복원하는 버튼입니다. 확장된 상태에서는 독의 가로 크기를 조정하려면 독 오른쪽 끝에 있는 회색 구분선을 클릭하고 드래그합니다.

사용자 정의 보기를 정의한 경우 왼쪽 가장자리에 세로 탭 세트가 나타나 보기 사이를 쉽게 탐색할 수 있습니다.

디버그 독

디버그 독은 개발 및 운영 프로젝트 모두에 존재하며 IDE 하단에 도킹되어 있습니다. 최대 세 개의 디버그 창을 포함합니다.

  • 오류 Vantiq 시스템 오류가 발생하면 이를 나열합니다.
  • 로그 메시지 로그 메시지가 발생하면 로그 메시지를 나열합니다. 로그 메시지는 다음에 의해 생성됩니다. 디버깅 켜기 응용 프로그램 또는 협업 유형 또는 추가 명시적 로그 호출 규칙 및 절차에 따라.
  • 부검 부검 기록이 생성될 때마다 나열됩니다. 부검 기록에 대한 자세한 내용은 다음을 참조하세요. 부검 디버거 튜토리얼.

도크의 제목 표시줄에 있는 풀다운 메뉴를 사용하여 세 개의 디버그 창 중 어느 창을 표시할지 선택하세요.

사용 Dock Down 축소 IDE 공간을 절약하기 위해 디버그 독을 축소하는 버튼을 사용하세요. Dock Up 확장 디버그 독을 원래 높이로 복원하는 버튼입니다. 확장된 상태에서는 독 상단의 회색 구분선을 클릭하고 드래그하여 독의 세로 크기를 조정할 수 있습니다.

버전 관리 시스템과 통합

Modelo를 사용하면 프로젝트와 그 내용을 zip 파일로 "내보낼" 수 있습니다. 이 zip 파일이 디렉터리 트리로 압축 해제되면 Git이나 TFS와 같은 버전 관리 시스템(VCS)에 체크인할 수 있습니다.

이를 "VCS 디렉터리"라고 합니다. ("Git" 용어로, 이는 VCS 디렉터리가 Git 저장소에 해당한다는 것을 의미합니다.) 일반적으로 하나의 네임스페이스에 해당하는 하나의 VCS 디렉터리가 있으며, 네임스페이스의 각 프로젝트는 자체 하위 디렉터리를 갖습니다.

MyVCSDirectory/
   MyProject1/
      clients/
      types/
      ...
   MyProject2/
      clients/
      types/
      ...
   MyProject3/
      clients/
      types/
      ...

Modelo "내보내기"를 사용하면 여러 단계로 프로젝트를 이 VCS 디렉토리와 동기화할 수 있습니다.

  1. 프로젝트를 zip 파일로 내보냅니다(대화 상자를 사용하여 대상 위치를 선택해야 함)
  2. zip 파일을 임시 디렉토리(Modelo 외부에서)로 확장합니다.
  3. 프로젝트 하위 디렉토리의 내용을 삭제합니다.
  4. 임시 디렉토리의 내용을 VCS 디렉토리 내부의 프로젝트 하위 디렉토리로 복사합니다.

이 방법은 효과적이지만 몇 가지 불편한 수동 단계가 필요합니다. Modelo는 프로젝트를 해당 VCS 디렉터리와 훨씬 더 편리하게 동기화할 수 있는 몇 가지 메커니즘을 제공합니다. 이러한 작업은 다음에서 찾을 수 있습니다. 프로젝트 메뉴:

  • VCS에 프로젝트 동기화 – 현재 프로젝트를 내보내고 VCS 디렉토리 내의 하위 디렉토리를 덮어씁니다.
  • VCS에서 프로젝트 동기화 – VCS 디렉토리 내의 하위 디렉토리에서 현재 프로젝트를 가져와서 현재 내용을 완전히 덮어씁니다.
  • VCS에서 프로젝트 결합 – 선택한 프로젝트의 콘텐츠를 현재 프로젝트와 결합합니다. 현재 프로젝트에 중복된 리소스가 있으면 덮어쓰게 됩니다.

안타깝게도 브라우저에서는 이 작업에 필요한 일부 파일 시스템 작업을 지원하지 않습니다. Vantiq CLI 명령은 특수 모드로 실행될 수 있는데, 이 모드에서는 Modelo가 수동 개입 없이 이러한 내보내기 및 압축 해제 작업을 수행할 수 있도록 작은 로컬 서버를 시작합니다. 이러한 모든 작업은 Vantiq CLI 명령이 특수 모드로 실행되어야 합니다. 다음과 같이 호출하면 됩니다.

vantiq VCSSERVER

또는 Windows에서 실행하는 경우:

vantiq.bat VCSSERVER

이렇게 하면 Vantiq CLI가 localhost:4347에서 로컬 서버를 시작한 다음 브라우저에서 Modelo의 요청을 수신합니다. (이 포트는 지원 (잠재적인 보안 문제가 발생할 수 있으므로 외부에 노출되지 않도록 합니다.) 필요할 때까지 CLI를 이 상태로 그대로 실행하면 됩니다.

예를 들어, 다음을 선택하는 경우 VCS에 프로젝트 동기화, 다음과 같은 대화 상자가 표시됩니다.

VCS와 동기화

이러한 작업 중 하나를 처음 호출할 때 VCS 디렉터리 이름을 입력해야 합니다. 그 이후로는 설정을 기억합니다. 프로젝트를 디렉토리에 동기화 버튼을 클릭하면 동기화 작업이 완료됩니다.

Modelo 외부에서 모든 실제 VCS 작업(예: "커밋", "푸시", "풀" 등)을 수행해야 합니다.

Vantiq CLI를 다운로드하고 설치하는 방법에 대한 지침은 다음에서 찾을 수 있습니다. 여기에서 확인하세요.

IDE 단축키

많은 IDE 패널은 개발자 생산성을 향상시키는 일반적인 키보드 단축키를 지원합니다. 키보드 단축키를 적용하려면 패널을 선택해야 합니다. 패널의 제목 표시줄이 진한 회색 배경과 파란색 테두리로 표시되면 패널이 선택된 것입니다.

다음은 키보드 단축키와 해당 단축키가 적용되는 창 목록입니다. Windows에서 단축키 수정자는 Control(Ctrl 키) 키; Mac OS에서는 단축키 수정자는 Command(cmd를 (또는 Apple) 키를 사용하지만 Control 키도 동일하게 사용됩니다.

  • Ctrl-S & 명령-S: 창의 모든 변경 사항을 저장합니다.
  • Shift-Ctrl-E & Shift-Cmd-E: 표시 IDE 검색 다이얼로그

IDE 레이아웃 스타일이 설정된 경우 다음이 사용됩니다. 플렉스 그리드 레이아웃 :

  • Ctrl 키-]: 현재 분할의 다음 창으로 포커스를 전환합니다.
  • Ctrl 키-[: 현재 분할의 이전 창으로 포커스를 전환합니다.
  • Ctrl-Shift-]: 다음 분할로 포커스를 전환합니다.
  • Ctrl-Shift-[: 이전 분할로 포커스를 전환합니다.

을 참조 IDE 레이아웃 스타일 자세한 내용은 섹션을 참조하십시오.

클라이언트 빌더, 시스템 모델러, 앱 빌더, 협업 유형 빌더에서는 다음이 사용됩니다.

  • Ctrl-Z & 명령-Z: 변경 사항 실행 취소
  • Shift-Ctrl-Z & Shift-Cmd-Z: 변경 사항 다시 실행
  • . & 백 스페이스 키: 창에서 선택한 객체를 삭제합니다.

다음은 클라이언트 빌더와 시스템 모델러에서 사용되며 창에서 선택한 개체에만 적용됩니다.

  • Ctrl-X & 커맨드-X: 자르다
  • Ctrl-C & 커맨드-C: 복사
  • Ctrl-V & 명령-V: 반죽

다음은 클라이언트 빌더에서 사용되며 창에서 선택한 개체에만 적용됩니다.

  • 오른쪽 화살표: 객체를 오른쪽으로 이동
  • 왼쪽 화살표: 객체를 왼쪽으로 이동

규칙/절차(VAIL) 편집기 창에서는 다음이 사용됩니다.

  • Ctrl-클릭 & Cmd-클릭: 편집기에서 특정 단어를 클릭하면 편집기가 다음을 수행합니다.
    • 해당 단어가 내장된 Procedure 또는 VAIL 용어인 경우 해당 문서가 새 브라우저 탭에서 열립니다.
    • 해당 단어가 네임스페이스에 있는 기존 프로시저, 소스 또는 유형인 경우 리소스는 새 창에서 열립니다.
    • 단어가 존재하지 않는 프로시저, 소스 또는 유형인 경우, 지정된 이름을 사용하여 리소스 생성 창이 열립니다.
  • Shift-Ctrl-스페이스바 & Shift-Cmd-스페이스바: 범위 내 변수 메뉴 표시
  • Shift-Ctrl-. & Shift-Cmd-.: 사용 가능한 패키지 표시
  • Ctrl-Enter & Cmd-Enter: 선택한 리소스를 가져옵니다

다음은 모든 코드(VAIL 또는 JavaScript) 편집기 창에서 사용됩니다.

  • Ctrl 키-/ & 명령-/: 현재 줄에 대한 주석을 켜고 끕니다.
  • Ctrl-A & 명령-A: 모든 텍스트 선택
  • Ctrl-D & 명령-D: 커서 아래의 줄을 삭제합니다
  • Ctrl-홈 & 커맨드업: 커서를 문서의 시작 부분으로 이동합니다.
  • Ctrl-종료 & Cmd-Down: 커서를 문서 끝으로 이동합니다.
  • Ctrl-PageUp & Shift-Ctrl-V: 커서를 한 화면 위로 이동합니다.
  • Ctrl-PageDown & Ctrl-V: 커서를 한 화면 아래로 이동합니다.
  • Ctrl 키-] & 커맨드-]: 현재 줄 또는 선택 영역 들여쓰기
  • Ctrl 키-[ & 커맨드-[: 현재 줄 또는 선택 영역 들여쓰기/내어쓰기 취소
  • Ctrl-F & 명령-F: 텍스트 찾기
  • Ctrl-G & 명령-G: 텍스트의 다음 인스턴스를 찾습니다
  • Shift-Ctrl-G & Shift-Cmd-G: 텍스트의 이전 인스턴스 찾기
  • Shift-Ctrl-F & Cmd-옵션-F: 텍스트 인스턴스를 교체합니다
  • Shift-Ctrl-R & Shift-Cmd-Option-F: 모든 텍스트 인스턴스를 바꿉니다

다음은 클라이언트 빌더 JavaScript 편집기 창에서 사용됩니다.

  • Ctrl-Enter & Cmd-Enter: 호출하다 AI 코드 어시스턴트 필요한 코드에 한 줄 주석을 입력하면 Assistant가 Generative AI 기능을 사용하여 코드 샘플을 제공합니다.

또한, 반품 키는 기본값(일반적으로)의 단축키로 사용할 수 있습니다. OK) 대부분의 모달 대화 상자에 있는 버튼입니다.

안전 모드

몇 가지 비정상적인 조건으로 인해 Modelo가 정상적으로 시작되지 않을 수 있습니다. 이러한 조건으로 이어질 수 있는 두 가지 시나리오는 다음과 같습니다.

  • 마지막으로 저장된 프로젝트가 손상되어 열면 Modelo가 충돌할 수 있습니다. Modelo는 기본적으로 시작 시 마지막으로 활성화된 프로젝트를 다시 열려고 하기 때문에, 이 경우 Modelo를 전혀 실행하지 못할 수 있습니다.
  • 클라이언트에서 사용자 정의 CSS 에셋을 사용하는 경우, Modelo의 기본 CSS를 오버라이드하여 Modelo가 더 이상 작동하지 않을 수 있습니다. 이는 일반적으로 클라이언트를 테스트 실행하려고 할 때만 발생하지만, 클라이언트의 "사용자 정의 CSS 에셋 적용" 옵션을 활성화한 경우, 클라이언트를 열어서 편집하는 경우에도 CSS가 로드됩니다.

이러한 비정상적인 상황으로 인해 Modelo가 시작 시 충돌하거나 사용할 수 없게 될 수 있습니다. Modelo를 "안전 모드"로 시작하면 마지막 프로젝트를 자동으로 열지 않고 클라이언트 편집 시 "사용자 지정 CSS 에셋 적용" 옵션을 강제로 해제하여 이러한 문제를 방지할 수 있습니다.

Modelo를 시작하는 데 사용하는 일반적인 URL 대신 '을 추가할 수 있습니다.안전 모드=참'를 매개변수로 사용합니다. 예를 들어
https://dev.vantiq.com/ui/ide/index.html?safemode=true

이런 방식으로 Modelo를 시작하면 변경된 동작을 설명하는 경고 대화 상자가 다음과 같이 표시됩니다.

"안전 모드"에서 실행 중 - 일부 기능이 비활성화됩니다.

  • 마지막 프로젝트는 시작 시 자동으로 다시 로드되지 않습니다.
  • 클라이언트를 편집하는 동안 '사용자 정의 CSS 자산 적용' 옵션은 자동으로 꺼집니다.