1. 首先，配置 Cognito 用户池。可以使用 AWS Amplify 进行配置，然后使用 Amplify 的 withAuthenticator 功能将身份验证集成到 React 应用中。

代码示例：

import { withAuthenticator } from 'aws-amplify-react'; import Amplify from 'aws-amplify'; import awsconfig from './aws-exports';

Amplify.configure(awsconfig); const App = () => { // ... }; export default withAuthenticator(App);

2. 在 AWS API Gateway 中创建一个 REST API，并根据需要添加资源、方法和集成。

3. 在 React 应用中使用 AWS SDK for JavaScript with Cognito Identity SDK 和 Amazon API Gateway SDK（例如，@aws-sdk/client-apigatewayv2）进行 API 调用。

代码示例：

import { CognitoIdentityClient } from '@aws-sdk/client-cognito-identity'; import { fromCognitoIdentityPool } from '@aws-sdk/credential-provider-cognito-identity'; import { ApiGatewayManagementApiClient } from '@aws-sdk/client-apigatewayv2';

const client = new ApiGatewayManagementApiClient({ region: 'REGION', endpoint: 'wss://API_GATEWAY_ID.execute-api.REGION.amazonaws.com/STAGE', credentials: fromCognitoIdentityPool({ client: new CognitoIdentityClient({ region: 'REGION' }), identityPoolId: 'IDENTITY_POOL_ID', }), });

const sendMessage = async (message) => { await client.postToConnection({ ConnectionId: 'CONNECTION_ID', Data: JSON.stringify({ type: 'message', data: message }), }); };

4. 使用 AWS API Gateway 部署 REST API。在 React 应用中的 WebSocket 连接上建立连接，然后发送和接收消息。

代码示例：

import { API } from 'aws-amplify';

const { data: { Items: connections } } = await API.get('API_NAME', '/CONNECTIONS'); const connectionId = connections[0].connectionId;

const sendMessage = async (message) => { await API.post('API_NAME', '/SEND_MESSAGE',