js实现签到

签到功能的基础概念

签到功能通常是指用户在应用程序中进行每日登录或参与活动时，系统会记录用户的签到行为，并给予相应的奖励或积分。签到功能可以增强用户的活跃度和忠诚度。

类型

普通签到：每日一次，连续签到可获得额外奖励。
连续签到：连续多日签到，奖励逐日递增。
补签功能：允许用户在错过签到日后进行补签，通常需消耗一定资源。

应用场景

社交应用：增加用户互动和社区活跃度。
游戏应用：提升玩家的游戏体验和留存率。
教育应用：鼓励学生每日学习。

实现签到功能的步骤

前端实现

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>签到页面</title>
</head>
<body>
    <button id="signInBtn">签到</button>
    <script>
        document.getElementById('signInBtn').addEventListener('click', function() {
            fetch('/api/signIn', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json'
                }
            })
            .then(response => response.json())
            .then(data => {
                alert(data.message);
            })
            .catch(error => console.error('Error:', error));
        });
    </script>
</body>
</html>

后端实现（Node.js示例）

const express = require('express');
const bodyParser = require('body-parser');
const app = express();
app.use(bodyParser.json());

let signInRecords = {}; // 模拟存储签到记录

app.post('/api/signIn', (req, res) => {
    const userId = req.body.userId; // 假设从前端获取用户ID
    const today = new Date().toISOString().split('T')[0]; // 获取当前日期

    if (!signInRecords[userId]) {
        signInRecords[userId] = [];
    }

    if (signInRecords[userId].includes(today)) {
        return res.json({ message: '今日已签到' });
    }

    signInRecords[userId].push(today);
    res.json({ message: '签到成功' });
});

app.listen(3000, () => {
    console.log('Server is running on port 3000');
});