최근 디지털 키오스크 전문 미디어 회사의 흥미로운 코드 챌린지를 완료했습니다. 과제? 통신용 WebSocket을 사용하여 웹 애플리케이션과 데스크톱 디스플레이 앱을 연결하는 디지털 사이니지 콘텐츠 관리 시스템을 만듭니다.
다음과 같은 핵심 기능을 갖춘 시스템을 구축해야 하는 과제:
제가 직면한 첫 번째 주요 과제는 구현 설계였습니다. 처음에는 Electron 앱에 집중하면서 프로젝트를 여러 번 다시 시작했습니다. 하지만 많은 연구와 실험 끝에 웹 앱으로 시작해서 전자 디스플레이 앱과 연결하는 것이 더 나은 선택이라는 것을 깨달았습니다. 이를 통해 WebSocket으로 통신 계층을 다루기 전에 콘텐츠 관리의 핵심 기능을 확립할 수 있었습니다.
이 프로젝트에서 저는 Vercel과의 더 나은 통합으로 인해 앱 배포 및 확장이 놀라울 정도로 쉽기 때문에 Next.js를 선택했습니다.
가장 큰 장애물 중 하나는 이전에 사용해 본 적이 없는 두 가지 도구인 Fabric.js와 Electron을 배우는 것이었습니다.
WebSocket 기능은 특히 까다로웠습니다. 저는 Electron 앱이 웹 앱의 콘텐츠를 복제할 수 있게 해주는 WebSocket 서버를 성공적으로 구축했습니다. 그러나 두 앱 간의 실시간 업데이트는 어려운 일이었습니다. 이번 버전에서는 완벽하게 작동할 수는 없었지만, 완전한 실시간 동기화를 달성할 수 있도록 다시 검토하고 개선할 계획입니다.
이번 프로젝트는 도전적이면서 보람도 있었습니다. 나는 다음과 같은 분야에서 귀중한 경험을 얻었습니다:
프로젝트를 제출하는 동안 더욱 개선하고, 누락된 기능을 추가하고, 실시간 기능을 최적화할 수 있게 되어 기쁩니다.
궁금하신 경우 프로젝트를 실시간으로 보거나 개발에 기여할 수 있는 곳은 다음과 같습니다.
저는 이 프로젝트를 오픈 소스로 만들고 있으며 개발자들이 이 프로젝트를 공동 작업하고 탐색하고 개선할 수 있기를 바랍니다. 실시간 기능 개선, Electron 앱 최적화 또는 새로운 기능 추가에 관심이 있으시면 여러분의 참여를 환영합니다!
이 프로젝트는 나에게 익숙한 영역에서 벗어나 새로운 도구, 프레임워크 및 디자인 접근 방식을 탐구하도록 도전했습니다. 개발은 학습 기회로 가득 찬 반복적인 과정이라는 점을 상기시켜 주었습니다. 저는 이 프로젝트를 지속하고, 시간이 지남에 따라 개선하고, 그 과정에서 업데이트를 공유하기를 기대합니다. ?
위 내용은 디지털 사이니지 콘텐츠 관리 시스템 구축: 도전과 여정의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
