你好编码员!
本文介绍了一个开源的全栈启动器,它使用由 Firebase 提供支持的 React UI 作为身份验证层。 反应地平线 Firebase 可以从 Github 下载并基于许可 (MIT) 许可证,用于商业项目和电子学习活动。 对于新人, 应对 是一个领先的 JS 库,用于编写交互式用户界面和代码 火力地堡 是谷歌推出的流行后端服务。 Thanks for reading!
这个惊人的用户界面由以下人员免费制作和提供 简单,一个使用 Charka UI 作为主要 UI 库的创意网络机构。
✨ 产品特点
- 由 Chakra UI 提供支持的 UI 代码库
- 7 个示例页面:仪表板、NFT 市场、用户资料
- 70 多个组件 - 很好地记录在这里
- 暗模式,RTL 支持
- Firebase 后端
- 通过 Google 进行社交登录
- 经典身份验证(用户/密码)
模板版本(无需认证)可以在官方页面找到并下载: 地平线用户界面.
✨ 如何使用产品
要在本地环境中构建产品,我们需要一些基本工具,例如 Git 和一个不错的 NodeJS 版本(16.x 或更高版本)。
要在本地环境中构建产品,我们需要一些基本工具,例如 Git 和一个不错的 NodeJS 版本(16.x 或更高版本)。
👉 – 克隆源
$ git clone https://github.com/app-generator/react-horizon-ui-chakra-firebase.git
$ cd react-horizon-ui-chakra-firebase
👉 – 安装依赖项
$ npm i
// OR
$ yarn
👉 – 配置 Firebase 凭据
const config = { ... firebase: { apiKey: 'YOUR_API_KEY', authDomain: 'YOUR_DOMAIN_HERE', projectId: 'YOUR_PROJECT_ID', storageBucket: 'YOUR_STORAGE_BUCKET', messagingSenderId: 'YOUR_MESSAGING_SENDER_ID', appId: 'YOUR_APP_ID', measurementId: 'YOUR_TRACKER_ID' }
};
👉 - 启动应用程序
$ npm run start // OR
$ yarn start
设置完成后,我们应该能够在浏览器中访问应用程序、注册新用户或使用 Google 社交登录进行身份验证。
React Horizon Firebase – NFT 页面
✨ Firebase 简介
本节介绍了这项出色服务的几个关键点,并介绍了构建简单 Firebase 应用程序的步骤。
Firebase 是由 Google 开发的用于创建移动和 Web 应用程序的平台。 它是一种后端即服务 (BaaS)。 它为开发人员提供各种工具和服务,帮助他们开发高质量的应用程序并扩大用户群。
Firebase 让开发人员可以专注于打造出色的用户体验。 您无需管理服务器或编写 API。 Firebase 是您的服务器、API 和数据存储; 所有这些都写得如此笼统,以至于您可以对其进行修改以满足您的大部分需求。
✨为什么使用 Firebase
- 👉
Realtime Database
:一旦通过 WebSockets 更新,Firebase 就会向您发送新数据。 - 👉
Authentication
:Firebase 身份验证具有内置的电子邮件/密码身份验证系统,支持 Google、Facebook、Twitter 和 GitHub 的 OAuth2。 - 👉
Static Files Hosting
:它有一个简单的静态文件托管服务,通过 CDN 为您的文件提供服务,使它们更快可用。 - 👉
Push Notifications
:它有助于连接用户设备和服务器,使发送原生/推送通知变得简单可靠。 - 👉
Analytics
:Firebase 提供了一种与 Google 分析集成的无缝方式。 - 👉
Crash Reporting
:它还提供实时崩溃报告,用于实时监控和修复错误。 - 👉
Remote Configuration
:Firebase 允许通过远程配置为最终用户发布即时更新。测试实验室:该服务有助于在 Google 提供的真实和虚拟设备上测试您的应用程序。
✨如何配置 Firebase 应用
首先是创建一个 Firebase 帐户并访问 安慰. 一旦我们通过身份验证,我们需要创建一个“新项目”。
👉 步骤#2 – 为项目添加名称
👉 步骤#3 - 启用/禁用谷歌分析
👉 步骤#4 – 确认项目创建
创建项目后,您将被自动重定向到该项目。
👉 步骤#5 – 为这个项目生成一个客户端
选择您要为此项目创建客户端应用程序的平台(Android / iOS / Web)。
一旦我们提供了客户端应用程序的名称,我们应该可以访问 Horizon 前端中使用的凭据。
Thanks for reading!
如需更多资源,请访问:
- SEO 支持的内容和 PR 分发。 今天得到放大。
- 柏拉图区块链。 Web3 元宇宙智能。 知识放大。 访问这里。
- Sumber: https://www.codementor.io/chirilovadrian360/react-horizon-ui-open-source-firebase-starter-1uuh3jezc5
- a
- Able
- ACCESS
- 账号管理
- 活动
- 机构
- 所有类型
- 允许
- 惊人
- 分析
- 和
- 安卓
- API
- APIs
- 应用
- 应用领域
- 应用领域
- 应用
- 刊文
- AUTH
- 认证
- 认证
- 认证
- 自动
- 可使用
- 巴斯
- 后端
- 基地
- 基于
- 基本包
- 成为
- 浏览器
- 虫子
- 建立
- 内建的
- 客户
- 码
- 代码库
- 商业的
- 完成
- 组件
- 配置
- 确认
- 分享链接
- 崩溃
- 创建信息图
- 创建
- 创造
- 创意奖学金
- 资历
- XNUMX月XNUMX日
- data
- 开发
- 发达
- 开发
- 设备
- 别
- enable
- 环境
- 体验
- 奇妙
- 快
- 少数
- 文件
- 档
- 火力地堡
- (名字)
- 专注焦点
- 发现
- 自由的
- 止
- 前端
- 生成
- 混帐
- GitHub上
- 谷歌
- Google Analytics
- 增长
- 帮助
- 帮助
- 更高
- 地平线
- 托管
- 创新中心
- How To
- HTTPS
- in
- 安装
- 即食类
- 整合
- 互动
- 接口
- iOS
- IT
- 键
- 实验室
- 层
- 领导
- 自学资料库
- 执照
- 本地
- 主要
- 制作
- 管理
- 市场
- 麻省理工学院简介
- 联络号码
- 监控
- 更多
- 最先进的
- 姓名
- 需求
- 需要
- 全新
- NFT
- NFT市场
- 通知
- 官方
- 开放源码
- 平台
- 柏拉图
- 柏拉图数据智能
- 柏拉图数据
- 请
- 点
- 热门
- 供电
- 礼物
- 产品
- 项目
- 项目
- 提供
- 提供
- 提供
- 出版
- 质量
- 应对
- 真实
- 实时的
- 寄存器
- 可靠
- 远程
- 报告
- 资源
- 运行
- 无缝的
- 部分
- 发送
- 服务
- 服务
- 特色服务
- 集
- 应该
- 签署
- 简易
- So
- 社会
- 开始
- 步骤
- 如下
- 支持
- 系统
- 模板
- test
- 其
- 事
- 通过
- 至
- 工具
- ui
- 更新
- 最新动态
- 使用
- 用户
- 用户
- 各个
- 版本
- 通过
- 查看
- 在线会议
- 卷筒纸
- 网络应用
- 这
- 将
- 也完全不需要
- 写
- 书面
- X
- 您一站式解决方案
- 和风网