首页
/ AWS Amplify Next.js适配器新增Cognito托管登录界面语言本地化支持

AWS Amplify Next.js适配器新增Cognito托管登录界面语言本地化支持

2025-05-24 16:32:49作者:舒璇辛Bertina

在最新版本的AWS Amplify Next.js适配器中,开发团队为Cognito托管登录界面添加了语言本地化支持功能。这项改进使得开发者能够轻松地为终端用户提供多语言的登录体验。

对于使用Cognito托管登录UI与Next.js适配器的应用来说,现在可以通过简单的配置实现界面语言的动态切换。这项功能特别适合面向国际用户的应用程序,可以根据用户偏好或浏览器设置自动显示相应语言的登录界面。

实现这一功能的技术原理是,Amplify团队扩展了Next.js适配器的路由处理器配置选项。开发者现在可以通过两种方式设置登录界面语言:

第一种方式是在创建路由处理器时进行静态配置:

export const GET = createAuthRouteHandlers({
  redirectOnSignInComplete: "/home",
  redirectOnSignOutComplete: "/sign-in",
  managedLoginOptions: {
    lang: 'ja'
  }
});

第二种更灵活的方式是通过API路由的查询参数动态设置语言:

/api/amplify-auth/sign-in?lang=ja

这种动态参数传递的方式特别适合需要根据用户请求上下文动态切换语言的场景。例如,可以根据用户浏览器的Accept-Language头信息,或者应用内存储的用户偏好设置来决定显示哪种语言的登录界面。

在技术实现层面,Amplify团队修改了URL搜索参数的生成逻辑,确保lang参数能够正确传递给Cognito托管登录UI。Cognito服务本身已经支持通过lang参数控制界面语言,这次适配器更新使得这一功能能够无缝集成到Next.js应用中。

对于开发者来说,这项更新意味着:

  1. 更简单的国际化实现 - 无需额外配置即可支持多语言登录体验
  2. 更好的用户体验 - 用户可以看到自己熟悉的语言界面
  3. 灵活的配置选项 - 既支持静态配置也支持动态切换

要使用这一新功能,开发者需要将AWS Amplify相关包升级到最新版本。这项改进已经包含在unstable发行标签中,并将很快发布到稳定版本。

这项功能的加入进一步完善了AWS Amplify在Next.js环境下的身份验证体验,使得开发者能够更轻松地构建面向全球用户的现代化Web应用。

登录后查看全文
热门项目推荐
相关项目推荐

项目优选

收起