如何根据国家/地区加载反应应用程序

Question

我有一个在印度运行的 React 应用程序。所有 API 都在一个常量文件中（例如：endpointConstants.js）。现在，我必须为其他国家/地区使用一组不同的端点。如何检测国家/地区并决定在该国家/地区使用哪组端点？实现这一点的最佳方法是什么？

Answer 1

其中一种方法可能是：

您可以使用您的后端或第三方服务之一来检测国家/地区（其中有很多，例如https://ipdata.co、https://www.geoapify.com/ip-geolocation-api）。然后，您应该为不同的位置创建一个端点的键映射，例如：

export const endpoints = {
   India: {
     loginAPI: '/api/india-login/
   },
   USA: {
     loginAPI: '/api/usa-login/
   }
}

例如，当您的应用启动时，您可以使用上述解决方案检查国家/地区，并将国家/地区密钥保存到 LocalStorage。然后，当您发出 api 请求时，您会从 LocalStorage 获取国家/地区密钥并设置您的端点，例如 endpoints[countryKey]，并为特定国家/地区使用正确的设置。