firebase

简介

  • Firebase是google提供的快速构件应用的云服务。简单的可以说通过引入Firebase,你可以通过api去构建实时性的应用。
  • 官网

Hello World

Firebase帐号注册

  • 可通过google账户登录,选择免费版,新建一个项目。
  • 点击Authentication - 登录方法 - 启用Google登录
  • 点击overview - 将 Firebase 添加到您的网页应用 - 复制代码供下面使用

下载web版示例

  • quickstart-js
  • 该文件中包含了auth验证、database数据库、storage存储、messaging消息等示例
  • 找到database/index.html,将上文复制的代码放到head中

为开发运行本地 Web 服务器

  • 安装firebase命令行工具:npm install -g firebase-tools(重新运行安装命令,可更新此工具)
  • cmd进入到下文的database文件夹
  • 启动服务器 firebase serve
  • 访问:http://localhost:5000
  • 点击登录,就会自动调用google登录验证api
  • 该示例登录进入可书写博文,数据可在控制面板的Database中查看

部署应用

最终可在控制面板的Hosting中查看

  • 启动一个新的命令行,cmd进入到下文的database文件夹
  • 登录Google并授权 firebase login
  • 初始化应用 firebase init,运行后确认 - 选择Hosting - 选择创建的项目,创建根目录(默认会在此目录创建一个public的目作为根目录)

    • 运行 firebase init 命令会在您的项目的根目录下创建 firebase.json
    • 当您初始化应用时,系统将提示您指定用作公共根目录的目录(默认为”public”)。如果您的公共根目录下不存在有效的 index.html 文件,系统将为您创建一个。
    • 如一个firebase.json

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      14
      15
      16
      17
      18
      19
      20
      {
      "hosting": {
      "public": "./",
      "rewrites": [
      {
      "source": "**",
      "destination": "/index.html"
      }
      ],
      "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**",
      "functions"
      ]
      },
      "database": {
      "rules": "database.rules.json"
      }
      }
  • 部署网站 firebase deploy

ChatGPT开源小程序