桌游小程序搭建

// 服务器端代码（Node.js）
const express = require('express');
const app = express();
const bodyParser = require('body-parser');

app.use(bodyParser.json());

let scores = {};

app.post('/score', (req, res) => {
    const { playerId, points } = req.body;
    if (!scores[playerId]) {
        scores[playerId] = 0;
    }
    scores[playerId] += points;
    res.json(scores[playerId]);
});

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

// 客户端代码（React Native）
import React, { useState } from 'react';
import { View, Text, Button } from 'react-native';
import axios from 'axios';

const ScoreScreen = ({ playerId }) => {
    const [score, setScore] = useState(0);

    const updateScore = async (points) => {
        const response = await axios.post('http://localhost:3000/score', { playerId, points });
        setScore(response.data);
    };

    return (
        <View>
            <Text>Player ID: {playerId}</Text>
            <Text>Score: {score}</Text>
            <Button title="Add 10 Points" onPress={() => updateScore(10)} />
        </View>
    );
};

export default ScoreScreen;