Multi-Language Support
Implementing multi-language support involves integrating a translation service that can convert messages between different languages. A common approach is to use an external translation API. Below is a simplified example using the Google Translate API:
const apiKey = 'your-api-key';
const translateEndpoint = 'https://translation.googleapis.com/language/translate/v2';
// Function to translate a message
async function translateMessage(message, targetLanguage) {
const response = await fetch(
`${translateEndpoint}?key=${apiKey}&q=${encodeURIComponent(message)}&target=${targetLanguage}`,
{ method: 'POST' }
);
const result = await response.json();
return result.data.translations[0].translatedText;
}
// Example usage
const originalMessage = 'Hello, how are you?';
const targetLanguage = 'es'; // Spanish
translateMessage(originalMessage, targetLanguage)
.then((translatedMessage) => {
console.log(`Original: ${originalMessage}`);
console.log(`Translated: ${translatedMessage}`);
})
.catch((error) => console.error('Translation failed', error));In a real-world scenario, you would need to replace the example with an actual translation API, and manage API keys and endpoint URLs securely. Additionally, consider integrating language selection and storing user language preferences for a personalized experience.