如何创建连接到Mongo的React Web应用程序，显示条纹、徽章等的Node

Question

所以我正在设计这个应用程序，它会在任务完成时显示弹出徽章。例如，如果用户连续观看3个视频，则会显示一个条纹徽章。那么，既然我在mongodb中有徽章列表和描述，我如何在React中监控这些更改并触发徽章验证呢？

Answer 1

我想这类问题没有直接的答案。我要做的是监督所有这些产生徽章的行为。例如，当用户看完视频时，我会向服务器发出一个post请求(如果使用graphql，则使用mutation(，如下所示：

{
user_id: "123abc",
video_id: "456def",
finisheded_at: <timestamp or date object>
}

(当然这是受保护的路线(然后存储该数据并决定用户是否获得徽章。然后用websocket或简单地等待请求完成来显示有关已获得徽章的信息。

正如我所说，没有直截了当的答案。每种操作都需要不同的逻辑来检查用户是否获得了徽章。