javascript - 5 分钟无更新后覆盖 firestore 字段

问题描述

我正在显示包含来自 Google Firestore 的数据的卡片。其中一个字段是“状态”。状态可以从应用程序外部远程打开和关闭。我希望状态在 5 分钟后或在 5 分钟没有更新文档后自动变为“关闭”。

如果用户失去连接并且无法再发送“状态”：“关闭”消息，我想这样做。我不希望卡片永远只说“开”。

我正在使用 Vue.js 并尝试了一些不同的东西，但我不太确定如何实现这一点。如果这个问题更适合不同的网站，我深表歉意。我查找了类似的问题，但找不到任何东西。

这是一个屏幕截图，可以可视化我在问什么。如果未在 5 分钟内更新，我希望状态变为“关闭”。或任何时间。


<div >
    <div class="ma-4">
        <div  centered class="text-lg-center headline"> 
            Live Middleware Status 
            <p v-bind="allig">{{ seconds }}</p>
        </div>
    </div>

        <v-card  slow v-bind="allig" :class="`mx-4 my-4 ${user.Status}`" v-for="user in users" :key="user.id">
          <v-card-title flat class="pa-n3">
            <v-flex class="mx-auto" xs6 sm4 md2 lg2>
              <div class="caption grey--text">Location Site ID</div>
              <div class="title">{{user.id}}</div>
            </v-flex>
            <v-flex class="mr-auto " xs6 sm4 md2 lg2>
              <div class="caption grey--text">ID</div>
              <div class=" ml-n12 title">{{user.CustomerID}}</div>
            </v-flex>
            <v-flex style :class="`mx-auto ${user.Status}`" xs6 sm4 md2 lg2>
              <div class="caption grey--text">Current Status</div>
              <div class="status title mx-2">{{user.Status}}</div>
            </v-flex>
            <v-flex style class="mx-auto caption green--text" xs6 sm4 md2 lg2>
              <div class="caption grey--text">Last Message</div>
              <div class="Green my-2 title">{{user.TimeStamp}}</div>
            </v-flex>
          </v-card-title>
        </v-card>

      </div>
      </template>


      <script>
// eslint-disable-next-line
import firestore from "firestore";
// eslint-disable-next-line
import db from "@/components/fbInit";
import firebase from "firebase";

export default {
  // eslint-disable-next-line
  components: { },
  data() {
    return {
      wide: false,
      ToggleDelete: false,
      card: true,
      light: true,

      seconds: "",

      users: [],

      links: [{ route: "/logs" }]

    };
  },

  created() {

    var user = firebase.auth().currentUser;
    var employeeRef = db
      .collection("userProfiles")
      .doc(user.uid)
      .collection("MX")
      .orderBy("TimeStamp", "desc")

    employeeRef.onSnapshot(snap => {
      // eslint-disable-next-line
      console.log(snap.size);
      this.users = [];
      snap.forEach(doc => {
        const data = 
        {
          id: doc.id,
          Name: doc.data().Name,
          GroupHex: doc.data().GroupHex,
          DeviceType: doc.data().DeviceType,
          UserIDInt: doc.data().UserIDInt,
          CustomerID: doc.data().CustomerID,
          SiteID: doc.data().SiteID,
          SuperID: doc.data().SuperID,
          Status: doc.data().Status,
          TimeStamp: doc.data().TimeStamp,
          Original: doc.data().Original
          };
        this.users.push(data);
      });
    });
  },

  methods: {   }

};
</script>

标签： javascriptfirebasevue.jsgoogle-cloud-firestoresettimeout

为了可靠地做到这一点，您需要有一个服务器端进程定期检查和更新文档。一种直接的方法是使用预定的 Cloud Function。它看起来像这样：

// functions/index.js

const admin = require('firebase-admin');
admin.initializeApp();
const db = admin.firestore();

exports.updateIdle = functions.pubsub.schedule('* * * * *').onRun(async () => {
  const snap = await db.collection("MX")
    .where("Status", "=", "On")
    .where("Timestamp", "<", admin.firestore.Timestamp.fromMillis(Date.now() - 5 * 60000))
    .get();

  await Promise.all(snap.docs.map(doc => doc.ref.update({Status: 'Off'})));
});

上述函数将每分钟运行一次，查找时间戳超过五分钟的任何文档，并更新每个文档以获取"Off"状态。

这只是一个示例，您可能需要根据您的特定需求做一些不同的事情。

javascript - 5 分钟无更新后覆盖 firestore 字段

问题描述

解决方案

推荐阅读