stencil firebase

模板 +燃料

这是使用模板 + Firebase +模板商店创建WebApp的样板。

特征 ？

• 火基设置
• 模具商店的设置
• 登录/寄存器/更新配置文件/注销功能（基本一个）
• 登录后访问的保护路线

入门

要开始使用此样板，请将此存储库克隆到新目录：

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配置设置Firebase Web配置的更多信息

要启动项目，请运行：

npm run start

要构建用于生产的应用程序，请运行：

npm run build

要运行一次单元测试，请运行：

 npm run test

要运行单元测试并注意开发过程中的文件更改，请运行：

 npm run test.watch

项目结构？q

服务

此类将处理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来进行样式组件。该样板具有基本设计，即它更多地关注模板网络应用程序中的Firebase以及模具商店。您可以根据需要自定义外观。

firebase错误消息

我已经直接显示了错误消息，而没有修改API返回的错误消息。您可以通过修改FirebaseAuthService代码来自定义它们

贡献？

• 拉请求和？总是欢迎星星。
• 有关更改，请先开设一个问题，以讨论您想更改的内容。

接触 ？

？ [email protected]

？ Twitter @ranjeetsingh_bl

LinkedIn @ranjeetsinghbnl

执照

MIT©Ranjeet Singh