تنزيل stencil firebase - تنزيل رمز stencil firebase

stencil firebase

بيانات الموقع

vicon icons

تنزيل

الاستنسل + Firebase

هذا عبارة عن لوحة غلاية لإنشاء webapp باستخدام stencil + firebase + stencil Store.

سمات ؟

إعداد Firebase
إعداد متجر الاستنسل
تسجيل الدخول/التسجيل/التحديث وظيفة ملف التعريف/تسجيل الدخول (واحد أساسي)
حماية الطرق التي يتم الوصول إليها بعد تسجيل الدخول

ابدء

للبدء في استخدام هذا الغلاية ، استنساخ هذا الريبو إلى دليل جديد:

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 Web Config Setup Firebase 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

التصميم؟

لقد استخدمت scss لمكونات التصميم. تتمتع THS BoilerPlate بتصميم أساسي ، أي أنه يركز بشكل أكبر على تكوين واستخدام Firebase في تطبيق Web Stencil مع متجر الاستنسل. يمكنك تخصيص المظهر حسب احتياجاتك.