stencil firebase 다운로드 - stencil firebase 소스 코드 다운로드

stencil firebase

웹사이트 데이터

vicon icons

다운로드

스텐실 + 파이어베이스

이것은 Stencil + Firebase + Stencil Store를 사용하여 WebApp을 만들기위한 보일러 플레이트입니다.

특징 ?

Firebase 설정
스텐실 스토어 설정
로그인/등록/업데이트 프로필/로그 아웃 기능 (기본)
로그인 후 액세스하는 경로 보호

시작하기

이 보일러 플레이트 사용을 시작하려면이 repo를 새 디렉토리로 복제하십시오.

git clone https://github.com/ranjeetsinghbnl/stencil-firebase.git

그리고 달리기 :

npm install

용법 ?

Firebase 구성 설정

파일에서 FireBase 구성을 설정하십시오

 src -> config -> config.ts

 const firebaseConfig = {
  apiKey : "" ,
  authDomain : "" ,
  databaseURL : "" ,
  projectId : "" ,
  storageBucket : "" ,
  messagingSenderId : "" ,
  appId : ""
} ;

Firebase 웹 구성 설정 Setup Firebase Web Config에 대한 자세한 내용을 확인할 수 있습니다.

프로젝트를 시작하려면 실행 :

npm run start

생산을위한 앱을 구축하려면 실행 :

npm run build

단위 테스트를 한 번 실행하려면 실행하십시오.

 npm run test

단위 테스트를 실행하고 개발 중에 파일 변경을 확인하려면 실행하십시오.

 npm run test.watch

프로젝트 구조? 슬

서비스

이 클래스는 응용 프로그램 인증 기능을 FireBase에 처리합니다.

 src -> services -> auth.service.ts -> Class FirebaseAuthService

더 많은 클래스를 만들어 기능을 그룹화 할 수 있습니다.

가게

신청서

 src -> store -> app.store.ts

인터페이스

응용 프로그램에 사용 된 인터페이스

 src -> interface -> interface.ts

공익사업

응용 프로그램 메시지를 구문 분석하고 양식 구성을 유지하는 유틸리티

 src -> util -> util.ts

구성

응용 프로그램 수준 구성

 src -> config -> config.ts

자산

응용 프로그램 수준 자산

 src -> assets

구성 요소

응용 프로그램 수준 구성 요소

 src -> components ->
1. <app-flash-message> for showing alert messages
2. <app-home> Dashboard 
3. <app-root> entry component of the application
4. <common> sidebar functional component used in login/register components
5. <page> for showing pages
6. <auth> -> having login/register/update-profile components