如何在Firebase数据库存储字符串/对象？JS+Codepen实操遇阻

针对你在Codepen上的代码，没看到数据新增通常是以下几个遗漏点：

• 没引入Firebase SDK脚本
  Codepen默认不会加载Firebase库，你得在HTML面板里手动添加实时数据库的SDK CDN：

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

  版本号可以选Firebase官网提供的最新稳定版，确保两个脚本版本一致。

• 数据库规则没开放写入权限
  Firebase实时数据库默认规则是仅允许已认证用户读写，如果你没配置用户认证，直接写数据会被拒绝。去Firebase控制台→实时数据库→规则，临时修改为测试用规则：

  {
    "rules": {
      ".read": true,
      ".write": true
    }
  }
  

  注意：上线前一定要改回安全规则，避免数据泄露。

• 没处理异步操作的错误反馈
  set()是异步方法，即使出错你也看不到提示。给代码加上错误监听，能在Codepen控制台看到具体问题：

  database.ref('myData').set(myString)
    .then(() => console.log('数据写入成功'))
    .catch(err => console.error('写入失败:', err));
  

• Firebase配置信息有误
  检查firebaseConfig里的databaseURL是否是实时数据库的正确地址（格式为https://<项目ID>.firebaseio.com/），其他参数（apiKey、projectId等）必须和Firebase控制台复制的完全一致，差一个字符都会导致连接失败。

• Codepen域名未加入Firebase授权
  跨域限制会阻止Codepen向Firebase发请求。去Firebase控制台→项目设置→通用→授权域名，添加codepen.io，保存后刷新Codepen页面重试。

内容的提问来源于stack exchange，提问作者Co.tibi