在AWS Cognito的托管UI中，当使用OAuth提供程序进行身份验证时，用户必须先点击OAuth提供程序图标，才能进行登录。然而，有些情况下，我们希望用户在进入登录页面时就自动跳转到特定的OAuth提供程序，而不用手动点击。那么如何实现这个功能呢？

我们可以在登录页面URL中添加参数，来指定所需的OAuth提供程序。例如，对于Google作为OAuth提供程序的情况，可以在登录页面URL中添加以下参数：

response_type=code&client_id={client-id}&redirect_uri={redirect-uri}&state={state}&scope=openid%20profile%20email&auth_provider=Google

其中“auth_provider=Google”就是指定了所需的OAuth提供程序。

然后，在登录页面的代码中，我们需要解析URL的参数，判断需要跳转的OAuth提供程序，以及更新相应的图标和链接地址。具体实现可以参考下方的代码示例：

// 获取URL中的参数
const params = new URLSearchParams(window.location.search)

// 判断是否有auth_provider参数
if (params.has('auth_provider')) {
  // 获取auth_provider参数的值
  const authProvider = params.get('auth_provider')

  // 更新显示OAuth提供程序图标和链接地址
  const icon = document.querySelector('.oauth-provider-icon')
  icon.src = `/images/${authProvider}.svg`
  const link = document.querySelector('.oauth-provider-link')
  link.href = `/oauth/${authProvider}`
}

最后，我们还需要更新AWS Cognito的配置，以允许URL中包含参数。具体来说，需要在AWS Cognito用户池的“应用程序集成”中，将“允许自定义URL”设置为“是”。这样，我们就成功实现了在托管UI中预先点击指定OAuth提供程序的功能。