D2Bridge Framework에서 sgcHTML로 마이그레이션 — Delphi 웹 UI 컴포넌트 | eSeGeCe

D2Bridge Framework에서 sgcHTML로 마이그레이션

D2Bridge Framework는 기존 Delphi VCL 폼을 웹에 게시하며, 그럴 만한 이유로 인기가 있습니다: 최소한의 코드 변경으로 레거시 애플리케이션을 브라우저에서 접근할 수 있게 만드는 빠른 경로이기 때문입니다. 팀이 sgcHTML을 검토하는 것은 보통 그다음 단계에서입니다. 미러링된 데스크톱 화면이 데스크톱에서 옮겨 온 것이 아니라, 브라우저와 모바일 사용자를 위해 설계된 레이아웃, 내비게이션 및 인터랙션 패턴을 갖춘 독자적인 웹 애플리케이션이 되어야 할 때입니다.

아키텍처에서 무엇이 바뀌는지

미러링된 데스크톱 폼에서 웹 우선의 컴포넌트 기반 페이지로.

공급업체의 설명대로 D2Bridge Framework는 브리지입니다: 이미 보유한 VCL 폼을 가져와 데스크톱 폼 레이아웃을 미러링하는 Bootstrap 기반 웹 UI를 생성하므로, 기존 애플리케이션이 거의 재작업 없이 브라우저에서 접근 가능해집니다. sgcHTML은 반대쪽 끝에서 시작합니다. 깔끔한 Bootstrap 5 마크업을 렌더링하는 89개의 서버 사이드 컴포넌트로 각 페이지를 구성하므로, 페이지는 첫 줄부터 브라우저를 위해 설계되고, 데스크톱 폼은 재현할 레이아웃이 아니라 참고할 인벤토리가 됩니다.

웹 우선 UI

페이지, 내비게이션 및 인터랙션이 데스크톱 폼에서 파생되지 않고 웹과 모바일 사용자를 위해 구축됩니다. 결과는 표준 서버 렌더링 HTML로, SEO 친화적이며 어떤 기기에서도 빠릅니다.

완전한 마크업 제어

생성되는 Bootstrap 5 마크업의 모든 요소를 제어하고 어떤 Bootstrap 테마로도 스타일을 변경할 수 있습니다. 라이트 및 다크 테마가 내장되어 있습니다.

htmx + WebSocket 실시간

htmx(~14 KB)를 통한 부분 페이지 업데이트와 sgcHTMX 엔진을 통해 WebSocket으로 푸시되는 실시간은 hx-swap-oob 프래그먼트 브로드캐스트를 포함하여 컴포넌트 세트의 일급 기능입니다.

Delphi, C++ Builder 및 .NET

동일한 컴포넌트가 네이티브 Delphi 및 C++ Builder 클래스이며, 동일한 Tsgc* 이름을 가진 순수 관리형 .NET 구현도 있습니다. 전체 소스 코드가 포함되고, 상용 지원과 그 아래의 sgcWebSockets 네트워킹 스택이 함께합니다.

D2Bridge 개념, sgcHTML 대응 요소

브리지된 VCL 애플리케이션의 각 조각이 sgcHTML 모델에서 어디에 해당하는지 보여 드립니다.

D2Bridge Framework에서 sgcHTML에서
내보낸 VCL 폼 목적에 맞게 구축한 sgcHTML 페이지. 이미 보유한 미러링된 화면 인벤토리에서 시작하세요.
웹에 노출된 VCL 컨트롤 웹 UX를 위해 선택한 동등한 sgcHTML 컴포넌트: 그리드, 폼, 차트, 카드 등.
DB 인식 VCL 컨트롤 동일한 TDataSet / DataSource 로직에 바인딩되는 27개의 데이터 연동 sgcHTML 컴포넌트.
폼 이벤트 컴포넌트 HTML을 반환하는 htmx 프래그먼트 라우트.
브라우저에 미러링된 VCL 룩 브라우저와 모바일을 위해 설계된 Bootstrap 5 레이아웃.
브리지 런타임이 제공하는 애플리케이션 sgcWebSockets 서버 실행 파일, 또는 WebBroker, DataSnap, RAD Server 호스트.
변경되는 데이터를 위한 새로 고침 또는 폴링 WebSocket 푸시: 서버가 연결된 브라우저에 HTML 조각을 브로드캐스트합니다.

이전은 보기보다 작습니다

UI를 마이그레이션한다고 애플리케이션을 다시 작성하는 것은 아닙니다.

코드 베이스와 IDE

Delphi 또는 C++ Builder와 함께 RAD Studio에서 계속 작업합니다. sgcHTML 컴포넌트는 서버 바이너리로 컴파일되는 네이티브 클래스입니다.

데이터 계층

데이터 모듈, 쿼리 및 TDataSet 로직이 그대로 이어집니다. 데이터 연동 컴포넌트가 VCL 화면이 이미 사용하는 데이터셋에 바로 바인딩됩니다.

배포 습관

외부 런타임 없는 단일 독립 실행 파일 또는 서비스입니다. 배포는 데스크톱 애플리케이션만큼 단순하게 유지됩니다.

팀의 역량

사용자가 Object Pascal 또는 C#을 작성하면 sgcHTML이 HTML, CSS 및 JavaScript를 작성합니다. 개발자에게 JavaScript가 요구되지 않습니다.

실용적인 마이그레이션 경로

두 서버를 나란히 실행하면서, 페이지별로 진행합니다.

1

화면 인벤토리 작성

브리지된 애플리케이션이 노출하는 폼, 각각의 뒤에 있는 데이터, 그리고 사용자가 실제로 머무는 화면을 정리하세요. 브리지가 이미 이 인벤토리를 만들어 주었습니다.

2

화면을 컴포넌트에 매핑

각 화면을 sgcHTML 컴포넌트에 매칭하세요: 그리드, 폼, 차트, 대시보드. 컴포넌트 갤러리를 살펴보고 각 화면에 어울리는 웹 패턴을 고르세요.

3

페이지별 재구축

sgcHTML은 표준 HTTP를 제공하므로, 페이지를 하나씩 옮기는 동안 이전 서버와 새 서버를 동일한 리버스 프록시 뒤에서 나란히 실행할 수 있습니다.

4

인터랙션과 푸시 연결

부분 업데이트를 위한 htmx 인터랙션을 추가하고, 새로 고침이나 폴링 대신 라이브 데이터가 필요한 곳에 WebSocket 푸시를 추가하세요.

저희가 마이그레이션을 도와드립니다

D2Bridge Framework 애플리케이션에 대해 알려 주시면 eSeGeCe 팀이 마이그레이션 계획을 돕습니다: 어떤 화면이 어떤 컴포넌트에 매핑되는지, 무엇을 유지할지, 무엇을 웹에 맞게 다시 설계할지. 원하신다면 애플리케이션에 대한 서면 설명으로부터 구축하는 €149부터 시작하는 일회성 패키지, sgcCustomization HTML을 통해 애플리케이션을 대신 재구축해 드립니다.

실제 작동 보기

다섯 개의 완전한 애플리케이션으로, 모두 sgcHTML + sgcWebSockets만으로 구축되었습니다.

ERP

고객, 공급업체, 제품, 송장 및 보고서.

라이브 데모 열기 →

관리 CRUD

CRUD 화면과 라이브 검색을 갖춘 콤팩트한 관리 콘솔입니다.

라이브 데모 열기 →

라이브 모니터

KPI가 WebSocket을 통해 푸시되는 실시간 대시보드입니다.

라이브 데모 열기 →

고객 포털

주문, 프로필 및 지원 기능을 갖춘 셀프서비스 포털입니다.

라이브 데모 열기 →

헬프데스크

답글 스레드와 관리자 대시보드를 갖춘 지원 티켓.

라이브 데모 열기 →

두 접근 방식 모두에 공정하게 말하자면: 요구 사항이 기존 VCL 화면 세트를 최소한의 재작업으로 빠르게 노출하는 것뿐이라면, D2Bridge Framework 같은 브리지 접근은 정당한 첫걸음이며 그 문제를 잘 해결합니다. sgcHTML은 웹 UI가 일급 제품이 되어야 할 때의 경로입니다. sgcHTML이 다른 Delphi 및 .NET 웹 프레임워크와 어떻게 비교되는지에 대한 중립적인 시각은 출처가 명시된 나란히 비교 매트릭스를 참고하세요. sgcHTML은 전체 소스 코드와 함께 €299부터 개발자별로 라이선스되며, sgcWebSockets Professional 또는 Enterprise가 필요합니다.

최고의 가성비: All-Access모든 eSeGeCe 제품과 프리미엄 지원이 포함되어 연 €1,059부터 이용할 수 있어요.
All-Access 가격 보기

웹 우선 버전을 구축하세요

89개 컴포넌트가 모두 포함된 무료 체험판을 다운로드하여 첫 화면을 브라우저를 위해 설계된 페이지로 재구축해 보세요.