콘텐츠로 건너뛰기
App Builder™ Release with Swagger Support, On-Premise Version & More

Swagger 지원, 온프레미스 버전 등을 갖춘 App Builder ™ 릴리스

이제 App Builder 웹 API 및 RESTful 앱에 대한 새로운 Swagger(OpenAPI) 지원이 포함되어 있음을 발표하게 되어 기쁘게 생각합니다. 이 릴리스 블로그 게시물에서는 업데이트에 대해 설명합니다.

4min read

의 3월 업데이트 App Builder의 3월 업데이트에 몇 가지 중요한 업데이트가 포함되어 있습니다. App Builder을 처음 접하시는 분들을 위해 조직에서 애플리케이션 개발 프로세스의 핵심 도구로 고려해야 하는 이유를 다시 한 번 간략히 알려드리겠습니다:

  • 시각적 앱 빌더 – 제품 관리자, 디자이너, 개발자를 위한 통합 플랫폼입니다.
  • 기업이 이전보다 80% 빠르게 완전한 비즈니스 앱을 설계하고 구축할 수 있도록 지원하는 클라우드 기반 WYSIWYG 드래그 앤 드롭 도구입니다.
  • Sketch 디자인 또는 Figma 파일에서 뛰어난 Angular 코드, Blazor 코드 및 Web Components 코드를 생성하는 로우 코드 도구입니다.

새로운 소식은 무엇인가요?

웹 API 및 RESTful 앱에 대한 Swagger(OpenAPI) 지원

먼저 Swagger와 Open API에 대한 자세한 내용을 제공하겠습니다.

Swagger는 REST API를 설계, 구축, 문서화 및 사용하는 데 도움이 될 수 있는 OpenAPI 사양을 기반으로 구축된 오픈 소스 도구 세트입니다.

OpenAPI 사양 (이전의 Swagger 사양)은 REST API에 대한 API 설명 형식입니다. OpenAPI 파일을 사용하면 다음을 포함하여 전체 API를 설명할 수 있습니다.

  • 사용 가능한 엔드포인트(/users) 및 각 엔드포인트의 작업(GET /users, POST /users)
  • 작업 매개변수 각 작업에 대한 입력 및 출력
  • 인증 방법
  • 연락처 정보, 라이센스, 이용 약관 및 기타 정보.

API 사양은 YAML 또는 JSON으로 작성할 수 있습니다. 이 형식은 인간과 기계 모두가 배우기 쉽고 읽을 수 있습니다. 전체 OpenAPI 사양은 GitHub: OpenAPI 3.0 사양에서 찾을 수 있습니다. OpenAPI에 대한 자세한 내용은 여기를 참조하세요.

API가 자신의 구조를 설명하는 능력은 OpenAPI의 뿌리입니다. 일단 작성된 OpenAPI 사양과 Swagger 도구는 API 개발을 더욱 발전시킬 수 있습니다.

이것이 바로 우리가 App Builder 데이터 바인딩 스토리의 일부로 이 기능을 추가하기로 결정한 이유입니다.

웹 API 및 RESTful 앱에 대한 Swagger(OpenAPI) 지원

온프레미스 App Builder

일부 기업은 규제가 엄격한 산업에 속해 있으며 애플리케이션을 온프레미스에 수용하기로 이미 결정이 내려졌습니다. 온프레미스 애플리케이션은 안정적이고 안전하며 기업은 클라우드가 제공할 수 없는 수준의 제어를 유지할 수 있습니다. 우리는 회사 자체 서버와 방화벽 뒤에 설치된 소프트웨어가 많은 조직과 기업의 요구를 충족하는 데 필수적 이라고 믿습니다.

온프레미스 App Builder

기타 개선 사항 및 유지 관리 업데이트

  • px, % 또는 rems를 사용하여 이미지 라운드 반경 설정
  • 보기 또는 미리 보기 간 전환 시 디자인 화면의 확대/축소 수준 유지
  • Blazor 앱 생성 시 개선 사항
    사용자 정의 테마 (색상 팔레트 및 타이포그래피)에 대한 지원이 추가되었습니다.
    – 앱 테마의 글로벌 글꼴색상/배경 적용
    – REST API URL 소스를 추가할 때 사용자 정의 헤더를 허용합니다.
    날짜 선택기, 그리드 (열), 목록Nav-Drawer 항목에 대한 코드 생성이 개선되었습니다.
    – 데이터 소스로서 객체의 중첩 배열에 대한 지원이 추가되었습니다.

다음을 포함하되 이에 국한되지는 않습니다.

  • "Get Assets For Sketch "에서 발생하는 오류 수정
  • 미리보기 모드에서 구성요소 선택 팝업이 상단에서 잘립니다.
  • 앱 복제 시 맞춤 뷰포트가 손실됩니다.
  • 데이터 패널의 탐색경로가 최신 시각적 개선 사항과 일치하지 않습니다.
  • 유창한 테마 및 반올림을 설정하면 아이콘 오버플로 입력
  • 드래그할 때 탭을 분리하면 앱이 중단됩니다.
  • 텍스트를 편집한 후 버튼 크기가 조정되었습니다.
  • 캔버스에서 구성 요소를 선택 취소해도 개요 섹션이 축소되지 않습니다.
  • ComboBox 항목은 미리보기의 영향을 받으며 지우기 버튼이 없습니다.
  • 열기/닫기 동작을 추가할 때 "구성요소 선택" 목록에 선택이 표시됩니다.
  • 확인란 및 스위치는 없음으로 설정된 경우에도 레이블 위치를 생성합니다.
  • 진원도 1로 어두운 유창한 테마를 설정하면 밝아집니다.
  • 그리드: 미리보기 모드에서는 셀 편집이 작동하지 않습니다.
  • Sketch 플러그인에서 로그아웃하면 실제로 로그아웃되지 않습니다.
  • 앱 바의 비활성화된 버튼 상태가 작동하지 않습니다.
  • 이름에 % 또는 #이 있는 자산은 생성된 애플리케이션에 표시되지 않습니다.
  • Angular의 서비스 메서드 및 Blazor 뷰 모델에서 ASCII가 아닌 유니코드 이름을 사용하는 데이터 소스 처리 개선
  • 중괄호는 생성된 텍스트 콘텐츠에서 이스케이프되지 않습니다 –Angular 특정
  • 앱 루트 컨테이너가 전체 높이까지 확장되는지 확인 -Blazor 에만 해당
  • 동일한 데이터에 바인딩된 여러 반복자가 더 이상 동일한 뷰에서 여러 데이터 속성을 생성해서는 안 됩니다. –Blazor 에만 해당

마무리

간단히 설명하면 App Builder 3월 업데이트에서 볼 수 있는 모든 새로운 기능과 구성 요소입니다. 더 자세한 내용이 필요하시면 다음을 확인해 보시기 바랍니다.

Of course, if you feel we have missed anything or you have a question, just drop us a line on feedback@indigo.design

데모 요청