在 Firebase 中使用 push() 如何提取唯一 ID

IT技术 javascript jquery firebase
2021-02-24 17:50:47

我正在尝试从 Firebase 数据库中添加/删除条目。我想将它们列在要添加/修改/删除(前端)的表中,但我需要一种方法来唯一标识每个条目以便修改/删除。Firebase 在使用 push() 时默认添加一个唯一标识符,但我在 API 文档中没有看到任何关于如何选择这个唯一标识符的内容。这甚至可以做到吗?我应该使用 set() 来创建唯一 ID 吗?

我已经使用他们的教程将这个快速示例放在一起:

<div id='messagesDiv'></div>
<input type='text' class="td-field" id='nameInput' placeholder='Name'>
<input type='text' class="td-field" id='messageInput' placeholder='Message'>
<input type='text' class="td-field" id='categoryInput' placeholder='Category'>
<input type='text' class="td-field" id='enabledInput' placeholder='Enabled'>
<input type='text' class="td-field" id='approvedInput' placeholder='Approved'>
<input type='Button' class="td-field" id='Submit' Value="Revove" onclick="msgRef.remove()">

<script>
var myDataRef = new Firebase('https://unique.firebase.com/');

  $('.td-field').keypress(function (e) {
    if (e.keyCode == 13) {
      var name     = $('#nameInput').val();
      var text     = $('#messageInput').val();
      var category = $('#categoryInput').val();
      var enabled  = $('#enabledInput').val();
      var approved = $('#approvedInput').val();
      myDataRef.push({name: name, text: text, category: category, enabled: enabled, approved: approved });
      $('#messageInput').val('');
    }
  });
  myDataRef.on('child_added', function(snapshot) {
    var message = snapshot.val();
    displayChatMessage(message.name, message.text, message.category, message.enabled, message.approved);
  });
  function displayChatMessage(name, text, category, enabled, approved, ) {
    $('<div/>').text(text).prepend($('<em/>').text(name+' : '+category +' : '+enabled +' : '+approved+ ' : ' )).appendTo($('#messagesDiv'));
    $('#messagesDiv')[0].scrollTop = $('#messagesDiv')[0].scrollHeight;
  };
</script>

现在让我们假设我有三行数据:

fred : 1 : 1 : 1 : test message 1
fred : 1 : 1 : 1 : test message 2
fred : 1 : 1 : 1 : test message 3

如何唯一标识第 2 行?

在 Firebase 数据库中,它们如下所示:

-DatabaseName
    -IuxeSuSiNy6xiahCXa0
        approved: "1"
        category: "1"
        enabled: "1"
        name: "Fred"
        text: "test message 1"
    -IuxeTjwWOhV0lyEP5hf
        approved: "1"
        category: "1"
        enabled: "1"
        name: "Fred"
        text: "test message 2"
    -IuxeUWgBMTH4Xk9QADM
        approved: "1"
        category: "1"
        enabled: "1"
        name: "Fred"
        text: "test message 3"
6个回答

对于发现此问题并使用的任何人Firebase 3+,推送后获取自动生成的对象唯一 ID 的方法是使用Promise快照上的key属性(而不是方法):

firebase
  .ref('item')
  .push({...})
  .then((snap) => {
     const key = snap.key 
  })

Firebase 文档中阅读更多相关信息

附带说明一下,那些考虑生成自己的唯一 ID 的人应该三思而后行。它可能具有安全性和性能影响。如果您不确定,请使用 Firebase 的 ID。它包含一个时间戳,并具有一些开箱即用的简洁安全功能。

更多关于它的信息

push() 生成的唯一键按当前时间排序,因此生成的项目列表将按时间顺序排序。密钥也被设计为不可猜测的(它们包含 72 个随机位的熵)。

这是有效的,接受的答案必须替换为这个
2021-04-22 17:50:47
我的天啊。非常感谢你。在我找到你的简单答案之前,你不知道这有多痛苦。
2021-05-20 17:50:47

要获取任何快照的“名称”(在这种情况下,由 push() 创建的 ID)只需像这样调用 name() :

var name = snapshot.name();

如果你想获取由 push() 自动生成的名称,你可以在返回的引用上调用 name() ,如下所示:

var newRef = myDataRef.push(...);
var newID = newRef.name();

注意: snapshot.name()已被弃用。查看其他答案。

嘿 Front_end_dev 你如何设置增量密钥你可以分享。
2021-04-20 17:50:47
他认为您想在推送新聊天时(即在按键时)获取引用的名称,而不是在加载以前保存的聊天时。这有意义吗?
2021-04-26 17:50:47
这做了一些事情,我只是不确定是什么......它返回的值看起来像唯一标识符,但每次刷新页面时它们都不同。例如 -Iuy2dANtFBZ-OK7I-XK 将变为 -Iuy2dAPFfOkgSy7bLFo 然后 -Iuy2dAPFfOkgSy7bLFp。每次刷新页面时它都会更改每一行。
2021-05-10 17:50:47
我仍然不确定为什么,但每次都会产生新的错误密钥。经过一番挖掘,我使用了 var message = snapshot.val(); message.id = snapshot.name();。你把我带到那里,如果你想更新你的答案或详细说明可能出了什么问题,我很乐意接受你的答案。
2021-05-15 17:50:47
谢谢!是的,我在凌晨 3 点左右发现了这一点。我现在正在生成我自己的递增键并将最后一个键存储在配置对象中。现在更容易遵循。
2021-05-18 17:50:47

snapshot.name()已被弃用。使用key来代替。key任何 DataSnapshot 上属性(代表 Firebase 根的除外)将返回生成它的位置的键名。在你的例子中:

myDataRef.on('child_added', function(snapshot) {
    var message = snapshot.val();
    var id = snapshot.key;
    displayChatMessage(message.name, message.text, message.category, message.enabled, message.approved);
});
@安德鲁·李。只是好奇,作为提出原始问题的人。如果先前接受的答案已折旧,则更改已接受的答案是否被视为不良形式?这里的 Stack 交换礼仪是什么?
2021-04-21 17:50:47
请注意,key它现在是一个属性,而不是 DataSnapshot 上的方法:firebase.google.com/docs/reference/js/...
2021-05-10 17:50:47
据我所知,更改已接受的答案并没有错。
2021-05-18 17:50:47

要获得成功uniqueIDpush()您必须使用此变体:

// Generate a reference to a new location and add some data using push()
 var newPostRef = postsRef.push();
// Get the unique key generated by push()
var postId = newPostRef.key;

Ref当你push()使用.key这个 ref时你会生成一个新的,你可以获得uniqueID.

正如@Rima 指出的那样,key()是获取分配给您的push().

但是,如果您希望去掉中间人,Firebase 发布了带有 ID 生成代码的要点。它只是当前时间的函数,这就是它们如何保证唯一性,即使没有与服务器通信。

有了它,您可以使用generateId(obj)set(obj)复制push()

这是 ID 函数

/**
 * Fancy ID generator that creates 20-character string identifiers with the following properties:
 *
 * 1. They're based on timestamp so that they sort *after* any existing ids.
 * 2. They contain 72-bits of random data after the timestamp so that IDs won't collide with other clients' IDs.
 * 3. They sort *lexicographically* (so the timestamp is converted to characters that will sort properly).
 * 4. They're monotonically increasing.  Even if you generate more than one in the same timestamp, the
 *    latter ones will sort after the former ones.  We do this by using the previous random bits
 *    but "incrementing" them by 1 (only in the case of a timestamp collision).
 */
generatePushID = (function() {
  // Modeled after base64 web-safe chars, but ordered by ASCII.
  var PUSH_CHARS = '-0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ_abcdefghijklmnopqrstuvwxyz';

  // Timestamp of last push, used to prevent local collisions if you push twice in one ms.
  var lastPushTime = 0;

  // We generate 72-bits of randomness which get turned into 12 characters and appended to the
  // timestamp to prevent collisions with other clients.  We store the last characters we
  // generated because in the event of a collision, we'll use those same characters except
  // "incremented" by one.
  var lastRandChars = [];

  return function() {
    var now = new Date().getTime();
    var duplicateTime = (now === lastPushTime);
    lastPushTime = now;

    var timeStampChars = new Array(8);
    for (var i = 7; i >= 0; i--) {
      timeStampChars[i] = PUSH_CHARS.charAt(now % 64);
      // NOTE: Can't use << here because javascript will convert to int and lose the upper bits.
      now = Math.floor(now / 64);
    }
    if (now !== 0) throw new Error('We should have converted the entire timestamp.');

    var id = timeStampChars.join('');

    if (!duplicateTime) {
      for (i = 0; i < 12; i++) {
        lastRandChars[i] = Math.floor(Math.random() * 64);
      }
    } else {
      // If the timestamp hasn't changed since last push, use the same random number, except incremented by 1.
      for (i = 11; i >= 0 && lastRandChars[i] === 63; i--) {
        lastRandChars[i] = 0;
      }
      lastRandChars[i]++;
    }
    for (i = 0; i < 12; i++) {
      id += PUSH_CHARS.charAt(lastRandChars[i]);
    }
    if(id.length != 20) throw new Error('Length should be 20.');

    return id;
  };
})();