Javascript 您能帮助初学者解决为javscript设置firebase数据库的问题吗?

Javascript 您能帮助初学者解决为javscript设置firebase数据库的问题吗?,javascript,firebase,firebase-realtime-database,Javascript,Firebase,Firebase Realtime Database,我可以得到一些帮助,为一个简单的卡片目录对象课程项目配置firebase吗?在我找到这个https://deanhume.github.io/firebase-example/和此处的代码https://github.com/deanhume/firebase-example/blob/master/no-auth.html 因此,我了解firebase可以使用URL将我的对象保存到数组中,如下代码所示: var messagesRef=new Firebase('https://brillia

我可以得到一些帮助,为一个简单的卡片目录对象课程项目配置firebase吗?在我找到这个<代码>https://deanhume.github.io/firebase-example/和此处的代码
https://github.com/deanhume/firebase-example/blob/master/no-auth.html

因此,我了解firebase可以使用URL将我的对象保存到数组中,如下代码所示:

var messagesRef=new Firebase('https://brilliant-fire-3159.firebaseio.com');
var messageField=document.getElementById('messageInput');
var messageResults=document.getElementById('results');
函数savedata(){
var message=messageField.value;
messagesRef.push({fieldName:'messageField',text:message});
messageField.value='';}
但我认为我的Firebase SDK代码片段出了问题。我有一个用于存储数组的URL“firebaseio.com”,但我认为我在初始化时做错了什么

当我使用配置代码时,我得到了这个错误消息
加载资源失败:net::ERR\u被\u客户端阻止\u

当我使用CDN代码时,我得到
helpers.ts:72 gethttps://www.googletagmanager.com/gtag/js?l=dataLayer net::错误被客户端阻止

当我使用自动,我得到

GET http://127.0.0.1:5501/__/firebase/7.17.1/firebase-app.js net::ERR_ABORTED 404 (Not Found)
index.html:39 GET http://127.0.0.1:5501/__/firebase/7.17.1/firebase-analytics.js net::ERR_ABORTED 404 (Not Found)
index.html:42 GET http://127.0.0.1:5501/__/firebase/init.js net::ERR_ABORTED 404 (Not Found)
在我的JS文件中,我输入了以下代码:

var messagesRef = new Firebase('https://brilliant-fire-3159.firebaseio.com');
let firebaseArray=new Firebase('https://project-library-aa3e2.firebaseio.com');

然后简单地说

let title=document.querySelector(“#title”).value;
设fname=document.querySelector(“#fname”).value;
让lname=document.querySelector(“#lname”).value;
让pubDate=document.querySelector(“#pubDate”).value;
让pages=document.querySelector(“#pages”).value;
let read=document.getElementById(“read”)。选中;
var addBook=新书(标题、fname、lname、出版日期、页数、阅读);
myLibrary.push(addBook);
FirebaseArray.push(addBook);
但在我的html中,我无法从firebase仪表板中找到类似的内容:

因此,我添加了firebase站点推荐的内容:

<!-- The core Firebase JS SDK is always required and must be listed first -->
<script src="/__/firebase/7.17.1/firebase-app.js"></script>

<!-- TODO: Add SDKs for Firebase products that you want to use
     https://firebase.google.com/docs/web/setup#available-libraries -->
<script src="/__/firebase/7.17.1/firebase-analytics.js"></script>

<!-- Initialize Firebase -->
<script src="/__/firebase/init.js"></script>


我哪里做错了?如何修复它?

此版本的Firebase实时数据库SDK非常旧,不再受支持:

<script src="https://cdn.firebase.com/js/client/2.4.2/firebase.js"></script>
您在今天的文档中看到的任何内容都无法处理上述内容


您应该做的第一件事是停止使用这段旧代码,重新开始使用。新的API很相似,但你真的应该放弃现有的API,尝试将其移植到现代SDK上。

呜呜呜,我花了很长时间才弄清楚这一点,但我把其中的一部分弄下来了

使用本基本教程有助于您,尽管它来自firebase的早期版本:

这些步骤基本上是一样的,只是不像
在结束标记之前,初始化Firebase需要更多的代码

这是您在启动项目时获得的信息:
在使用任何Firebase服务之前,将这些脚本复制并粘贴到标记的底部:

我在文档中没有看到但这里提到的一个关键步骤是“切换到顶部的实时数据库,单击规则,将它们更改为true,true并发布您的更改。”

最后,通过将教程中提供的代码与我所做的进行比较,我意识到我不能只是这样初始化:

<!-- TODO: Add SDKs for Firebase products that you want to use
     https://firebase.google.com/docs/web/setup#available-libraries -->
<script src="https://www.gstatic.com/firebasejs/7.17.1/firebase-analytics.js"></script>

我需要告诉它我想要使用的产品,所以:

<script src="https://www.gstatic.com/firebasejs/7.17.1/firebase-database.js"></script>

好的,这是一个开始,这样我就不用再把头撞在墙上了,谢谢!