이 튜토리얼은 Node-Webkit, Firebase 및 AngularJS를 사용하여 데스크톱 채팅 응용 프로그램 "VTAK"을 구축하는 것을 보여줍니다. 이 앱을 통해 사용자는 FireBase 간단한 로그인을 사용하여 소셜 미디어 (Twitter, Google, Facebook)를 통해 등록하거나 로그인 할 수 있습니다. 로그인 한 후 사용자는 채팅방 목록을보고 새 객실을 만들고 실시간 메시지를 위해 기존 객실에 가입 할 수 있습니다.
주요 특징 및 기술 :
Node-Webkit : 는 데스크탑 응용 프로그램에 전원을 공급합니다
Firebase : 실시간 데이터 저장 및 사용자 인증을 제공합니다
AngularJS :
프론트 엔드 프레임 워크 및 사용자 인터페이스를 처리합니다
Slush-Wean : 초기 프로젝트 구조를 스캐 폴딩하는 데 사용됩니다
-
전제 조건 :
Node-Webkit, Firebase 및 AngularJS에 대한 친숙 함이 권장됩니다. 유용한 리소스는 원본 기사에 연결되어 있습니다. 숭고한 텍스트는 코드 편집기로 제안됩니다
응용 프로그램 구조 및 설정 :
생성기는 기본 프로젝트 레이아웃을 만듭니다 :
-
인증은 Firebase Simple Login을 사용하여 구현됩니다 (원본 기사에 링크 된 별도의 자습서에 자세히 설명). 이 프로젝트는 프론트 엔드에 angularjs를 사용합니다
개발 단계 (요약) :
스캐 폴딩 :
- 를 사용하여 필요한 도구를 설치 한 다음 프로젝트를 생성합니다. 응용 프로그램을 시작하려면 를 실행하십시오
인증 : 파이어베이스 간단한 로그인 통합 (링크 된 자습서 참조).
홈페이지 : 홈 페이지 ()를 개발하여 채팅방을 표시하여 사용자가 객실을 만들고 가입 할 수 있도록합니다. 해당 컨트롤러 ()는 객실 생성, 삭제 및 가입을 관리합니다.
채팅 페이지 : 채팅 페이지 () 및 컨트롤러 ()를 작성하여 FireBase의 실시간 데이터베이스를 사용하여 실시간 메시징을 처리합니다.
지시문은 부드러운 스크롤링에 사용됩니다
배포 : 사용 - , 또는 를 사용하여 플랫폼 별 설치자를 만듭니다.
더 자세한 내용 :
원본 기사는 코드 스 니펫 및 경로, 컨트롤러, 뷰 및 파이어베이스 및 AngularJS 통합을위한 설명을 포함하여 각 단계에 대한 자세한 지침을 제공합니다. 또한 스타일링 및 디버깅을 다룹니다. 전체 코드는 GitHub (원본 기사에 제공된 링크)에서 사용할 수 있습니다.이 기사에는 AngularJS, Firebase, Socket.io, Sendbird SDK 및 Stream의 Chat API를 포함한 다양한 기술로 채팅 애플리케이션 구축에 대한 일반적인 질문을 다루는 FAQ 섹션도 포함되어 있습니다. 이 섹션은 유사한 응용 프로그램 구축에 대한 추가 컨텍스트 및 대안 적 접근 방식을 제공합니다.
위 내용은 Node-Webkit, Firebase 및 Angular와 채팅 앱 구축의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!