Javascript Firebase存储与HTML和TypeScript的连接，在Intellij上是否可能没有Angular或React？_Javascript_Html_Typescript_Firebase

Javascript Firebase存储与HTML和TypeScript的连接，在Intellij上是否可能没有Angular或React？

javascript html typescript firebase

Javascript Firebase存储与HTML和TypeScript的连接，在Intellij上是否可能没有Angular或React？,javascript,html,typescript,firebase,Javascript,Html,Typescript,Firebase,我的项目部分的目标是能够使用TypeScript拥有一个功能正常的登录和注册页面目前我的代码在没有数据库的情况下工作，但我想使用Firebase注册用户的用户名和密码，这样他们就可以轻松登录我发现的唯一一个教程仅将Firebase与Angular或React一起使用，我想知道是否有一种方法可以在没有它的情况下使用Firebase存储我使用的IDE是Intellij 如果需要，这里是我的注册页面代码： .ts代码： .html代码 Capstone打字脚本登录比利·布朗科评分计算器注册

我的项目部分的目标是能够使用TypeScript拥有一个功能正常的登录和注册页面

目前我的代码在没有数据库的情况下工作，但我想使用Firebase注册用户的用户名和密码，这样他们就可以轻松登录

我发现的唯一一个教程仅将Firebase与Angular或React一起使用，我想知道是否有一种方法可以在没有它的情况下使用Firebase存储

我使用的IDE是Intellij

如果需要，这里是我的注册页面代码：

.ts代码：

.html代码


Capstone打字脚本登录
比利·布朗科评分计算器
注册
登记

谢谢大家!

你应该使用。您不应该使用firebase存储，因为其设计用于存储比字符串（如word文档或视频文件等）更大的文件

Firebase自带了自己的身份验证系统，允许您对用户进行身份验证，而无需像您现在这样单独匹配密码和用户名，这被认为是最糟糕的做法，因为它公开了实际的密码和用户名。这就是为什么将密码/用户名存储在Firebase实时数据库或Firestore中也是一个坏主意

使用Firebase Auth不需要使用React或angular。您可以简单地完成教程中提到的所有js步骤，您将拥有一个工作的身份验证平台。因为您知道typescript，所以使用和读取普通javascript应该不会有问题

了解如何使用电子邮件和密码添加用户身份验证系统。您不需要上面编写的大部分代码。

让我弄清楚，您想使用firebase基本上注册用户，对吗？你只是在使用基本的HTML/CSS/js，对吗？无反应或angular@Abhishek对这就是它的目标！我将在我的项目的其他部分使用firebase，但我不确定是否有一种方法可以不使用Angular或React，这是我更喜欢的。


class RegisterTs{
    username: string;
    password: string;
    password2:string;

    constructor(username: string, password: string, password2:string ) {
        this.username = username;
        this.password = password;
        this.password2 = password2;


        let registerBtn = document.getElementById("enterR")
        registerBtn.addEventListener("click", (e: Event) => {
            return RegisterTs.validateInput(this.password,this.password2)
        });


        let forgotBtn= document.getElementById("forgotPass")
        forgotBtn.addEventListener("click",(e:Event) =>RegisterTs.forgotPasswordR());
    }



    private static validateInput(password: string, password2:string) {
        if(password==password2){
            return alert("success")
        }
        else{
            return alert("Password inputs do not match")
        }
    }

    private static forgotPasswordR() {
        return alert("tough luck lmao")
    }
}




window.onload= function() {
    let iUser =(document.getElementById("re") as HTMLInputElement).value;
    let iPass =(document.getElementById("rp") as HTMLInputElement).value;
    let iPass2 =(document.getElementById("rrp") as HTMLInputElement).value;
    let regTs = new RegisterTs(iUser,iPass,iPass2);
}

<HTML>
<HEAD>
  <TITLE>Capstone Typescript Login</TITLE>
</HEAD>

<BODY>

<header>
  <h2>Billy Bronco's Grading Calculator</h2>
</header>

<div id="container">

  <div id="tabs">

    <p id="rt" class="tabs" >Register</p>

    <link rel="stylesheet" href="Login.css">

    <div id="clear"></div>
  </div>

  <div id="cont">

    <div id="register" class="comm">
      <h3>Register</h3>

      <input id="re" type="email" placeholder="Email" required/>
      <input id="rp" type="password" placeholder="Password" required/>
      <input id="rrp" type="password" placeholder="Re write Password" required/>

      <input type="button" class="button" id="enterR" value="Register">
      <input type="button" class="button" id="forgotPass" value="Forgot Password?">
      <a href="login_view.html" > Already have an account? CLICK HERE </a>

    </div>

  </div>

</div>
<script src="RegisterTs.js"></script>
</BODY>
</HTML>