mirror of
https://github.com/logto-io/logto.git
synced 2025-03-10 22:22:45 -05:00
fix(console): redirect uri field label should display properly in guide (#1549)
Co-authored-by: Gao Sun <gao@silverhand.io>
This commit is contained in:
parent
6b58d8a161
commit
020f294067
16 changed files with 30 additions and 27 deletions
|
@ -132,7 +132,7 @@ public class MainActivity extends AppCompatActivity {
|
|||
|
||||
First, let’s configure your redirect URI. E.g. `io.logto.android://io.logto.sample/callback`
|
||||
|
||||
<UriInputField appId={props.appId} isSingle={!props.isCompact} name="redirectUris" title="Redirect URI" />
|
||||
<UriInputField appId={props.appId} isSingle={!props.isCompact} name="redirectUris" title="application_details.redirect_uri" />
|
||||
|
||||
Go back to your IDE/editor, use the following code to implement sign-in:
|
||||
|
||||
|
|
|
@ -132,7 +132,7 @@ public class MainActivity extends AppCompatActivity {
|
|||
|
||||
首先,我们来添加 Redirect URI。例如 `io.logto.android://io.logto.sample/callback`
|
||||
|
||||
<UriInputField appId={props.appId} isSingle={!props.isCompact} name="redirectUris" title="Redirect URI" />
|
||||
<UriInputField appId={props.appId} isSingle={!props.isCompact} name="redirectUris" title="application_details.redirect_uri" />
|
||||
|
||||
返回你的 IDE 或编辑器,使用如下代码实现登录:
|
||||
|
||||
|
|
|
@ -87,7 +87,7 @@ app.use(
|
|||
|
||||
First, let’s enter your redirect URI. E.g. `http://localhost:1234/callback`.
|
||||
|
||||
<UriInputField appId={props.appId} isSingle={!props.isCompact} name="redirectUris" title="Redirect URI" />
|
||||
<UriInputField appId={props.appId} isSingle={!props.isCompact} name="redirectUris" title="application_details.redirect_uri" />
|
||||
|
||||
Go back to your IDE/editor, we need to implement the following authenticate functions.
|
||||
|
||||
|
|
|
@ -85,7 +85,7 @@ app.use(
|
|||
|
||||
首先,我们来添加 Redirect URI,如:`http://localhost:3000/callback`。
|
||||
|
||||
<UriInputField appId={props.appId} isSingle={!props.isCompact} name="redirectUris" title="Redirect URI" />
|
||||
<UriInputField appId={props.appId} isSingle={!props.isCompact} name="redirectUris" title="application_details.redirect_uri" />
|
||||
|
||||
返回你的 IDE 或编辑器,我们将会实现如下几个用户认证所需函数。
|
||||
|
||||
|
|
|
@ -85,7 +85,7 @@ let config = try? LogtoConfig(
|
|||
|
||||
First, let’s configure your redirect URI scheme. E.g. `io.logto://callback`
|
||||
|
||||
<UriInputField appId={props.appId} isSingle={!props.isCompact} name="redirectUris" title="Redirect URI" />
|
||||
<UriInputField appId={props.appId} isSingle={!props.isCompact} name="redirectUris" title="application_details.redirect_uri" />
|
||||
|
||||
<Alert>
|
||||
The Redirect URI in iOS SDK is only for internal use. There's <em>NO NEED</em> to add a <a href="https://developer.apple.com/documentation/xcode/defining-a-custom-url-scheme-for-your-app">Custom URL Scheme</a> until a connector asks.
|
||||
|
|
|
@ -84,7 +84,7 @@ let config = try? LogtoConfig(
|
|||
|
||||
首先,我们来配置你的 redirect URI scheme。例如 `io.logto://callback`
|
||||
|
||||
<UriInputField appId={props.appId} isSingle={!props.isCompact} name="redirectUris" title="Redirect URI" />
|
||||
<UriInputField appId={props.appId} isSingle={!props.isCompact} name="redirectUris" title="application_details.redirect_uri" />
|
||||
|
||||
<Alert>
|
||||
iOS SDK 中的 Redirect URI 仅用于内部。除非连接器有要求,否则 <em>无需</em> 在项目中添加 <a href="https://developer.apple.com/documentation/xcode/defining-a-custom-url-scheme-for-your-app">Custom URL Scheme</a>。
|
||||
|
|
|
@ -81,7 +81,7 @@ const App = () => (
|
|||
|
||||
First, let’s enter your redirect URI. E.g. `http://localhost:1234/callback`.
|
||||
|
||||
<UriInputField appId={props.appId} isSingle={!props.isCompact} name="redirectUris" title="Redirect URI" />
|
||||
<UriInputField appId={props.appId} isSingle={!props.isCompact} name="redirectUris" title="application_details.redirect_uri" />
|
||||
|
||||
### Implement a sign-in button
|
||||
|
||||
|
@ -151,7 +151,7 @@ Calling `.signOut()` will clear all the Logto data in memory and localStorage if
|
|||
|
||||
After signing out, it'll be great to redirect user back to your website. Let's add `http://localhost:1234` as the Post Sign-out URI below, and use it as the parameter when calling `.signOut()`.
|
||||
|
||||
<UriInputField appId={props.appId} isSingle={!props.isCompact} name="postLogoutRedirectUris" title="Post Sign-out Redirect URI" />
|
||||
<UriInputField appId={props.appId} isSingle={!props.isCompact} name="postLogoutRedirectUris" title="application_details.post_sign_out_redirect_uri" />
|
||||
|
||||
### Implement a sign-out button
|
||||
|
||||
|
|
|
@ -81,7 +81,7 @@ const App = () => (
|
|||
|
||||
首先,我们来添加 Redirect URI,如:`http://localhost:1234/callback`。
|
||||
|
||||
<UriInputField appId={props.appId} isSingle={!props.isCompact} name="redirectUris" title="Redirect URI" />
|
||||
<UriInputField appId={props.appId} isSingle={!props.isCompact} name="redirectUris" title="application_details.redirect_uri" />
|
||||
|
||||
### 实现登录按钮
|
||||
|
||||
|
@ -151,7 +151,7 @@ const Callback = () => {
|
|||
|
||||
在退出登录后,让你的用户重新回到你的网站是个不错的选择。让我们将 `http://localhost:1234` 添加至下面的输入框,并将其作为调用 `.signOut()` 的参数。
|
||||
|
||||
<UriInputField appId={props.appId} isSingle={!props.isCompact} name="postLogoutRedirectUris" title="Post Sign-out Redirect URI" />
|
||||
<UriInputField appId={props.appId} isSingle={!props.isCompact} name="postLogoutRedirectUris" title="application_details.post_sign_out_redirect_uri" />
|
||||
|
||||
### 实现退出登录按钮
|
||||
|
||||
|
|
|
@ -75,7 +75,7 @@ const logtoClient = new LogtoClient({
|
|||
|
||||
First, let’s enter your redirect URI. E.g. `http://localhost:1234/callback`.
|
||||
|
||||
<UriInputField appId={props.appId} isSingle={!props.isCompact} name="redirectUris" title="Redirect URI" />
|
||||
<UriInputField appId={props.appId} isSingle={!props.isCompact} name="redirectUris" title="application_details.redirect_uri" />
|
||||
|
||||
### Implement a sign-in button
|
||||
|
||||
|
@ -120,7 +120,7 @@ Calling `.signOut()` will clear all the Logto data in memory and localStorage if
|
|||
|
||||
After signing out, it'll be great to redirect user back to your website. Let's add `http://localhost:1234` as the Post Sign-out URI below, and use it as the parameter when calling `.signOut()`.
|
||||
|
||||
<UriInputField appId={props.appId} isSingle={!props.isCompact} name="postLogoutRedirectUris" title="Post Sign-out Redirect URI" />
|
||||
<UriInputField appId={props.appId} isSingle={!props.isCompact} name="postLogoutRedirectUris" title="application_details.post_sign_out_redirect_uri" />
|
||||
|
||||
### Implement a sign-out button
|
||||
|
||||
|
|
|
@ -75,7 +75,7 @@ const logtoClient = new LogtoClient({
|
|||
|
||||
首先,我们来添加 redirect URI,如: `http://localhost:1234/callback`。
|
||||
|
||||
<UriInputField appId={props.appId} isSingle={!props.isCompact} name="redirectUris" title="Redirect URI" />
|
||||
<UriInputField appId={props.appId} isSingle={!props.isCompact} name="redirectUris" title="application_details.redirect_uri" />
|
||||
|
||||
### 实现登录按钮
|
||||
|
||||
|
@ -120,7 +120,7 @@ try {
|
|||
|
||||
在退出登录后,让你的用户重新回到你的网站是个不错的选择。让我们将 `http://localhost:1234` 添加至下面的输入框,并将其作为调用 `.signOut()` 的参数。
|
||||
|
||||
<UriInputField appId={props.appId} isSingle={!props.isCompact} name="postLogoutRedirectUris" title="Post Sign-out Redirect URI" />
|
||||
<UriInputField appId={props.appId} isSingle={!props.isCompact} name="postLogoutRedirectUris" title="application_details.post_sign_out_redirect_uri" />
|
||||
|
||||
### 实现退出登录按钮
|
||||
|
||||
|
|
|
@ -84,7 +84,7 @@ app.mount("#app");`}
|
|||
|
||||
First, let’s enter your redirect URI. E.g. `http://localhost:1234/callback`.
|
||||
|
||||
<UriInputField appId={props.appId} isSingle={!props.isCompact} name="redirectUris" title="Redirect URI" />
|
||||
<UriInputField appId={props.appId} isSingle={!props.isCompact} name="redirectUris" title="application_details.redirect_uri" />
|
||||
|
||||
### Implement a sign-in button
|
||||
|
||||
|
@ -166,7 +166,7 @@ Calling `.signOut()` will clear all the Logto data in memory and localStorage if
|
|||
|
||||
After signing out, it'll be great to redirect user back to your website. Let's add `http://localhost:1234` as the Post Sign-out URI below, and use it as the parameter when calling `.signOut()`.
|
||||
|
||||
<UriInputField appId={props.appId} isSingle={!props.isCompact} name="postLogoutRedirectUris" title="Post Sign-out Redirect URI" />
|
||||
<UriInputField appId={props.appId} isSingle={!props.isCompact} name="postLogoutRedirectUris" title="application_details.post_sign_out_redirect_uri" />
|
||||
|
||||
### Implement a sign-out button
|
||||
|
||||
|
|
|
@ -84,7 +84,7 @@ app.mount("#app");`}
|
|||
|
||||
首先,我们来添加 Redirect URI,如:`http://localhost:1234/callback`。
|
||||
|
||||
<UriInputField appId={props.appId} isSingle={!props.isCompact} name="redirectUris" title="Redirect URI" />
|
||||
<UriInputField appId={props.appId} isSingle={!props.isCompact} name="redirectUris" title="application_details.redirect_uri" />
|
||||
|
||||
### 实现登录按钮
|
||||
|
||||
|
@ -166,7 +166,7 @@ const router = createRouter({
|
|||
|
||||
在退出登录后,让你的用户重新回到你的网站是个不错的选择。让我们将 `http://localhost:1234` 添加至下面的输入框,并将其作为调用 `.signOut()` 的参数。
|
||||
|
||||
<UriInputField appId={props.appId} isSingle={!props.isCompact} name="postLogoutRedirectUris" title="Post Sign-out Redirect URI" />
|
||||
<UriInputField appId={props.appId} isSingle={!props.isCompact} name="postLogoutRedirectUris" title="application_details.post_sign_out_redirect_uri" />
|
||||
|
||||
### 实现退出登录按钮
|
||||
|
||||
|
|
|
@ -94,7 +94,6 @@ const UriInputField = ({ appId, name, title, isSingle = false }: Props) => {
|
|||
{isSingle && (
|
||||
<TextInput
|
||||
className={styles.field}
|
||||
title={title}
|
||||
value={value[0]}
|
||||
errorMessage={errorObject?.required ?? errorObject?.inputs?.[0]}
|
||||
onChange={({ currentTarget: { value } }) => {
|
||||
|
|
|
@ -77,7 +77,7 @@ const Settings = ({ applicationType, oidcConfig, defaultData, isDeleted }: Props
|
|||
</FormField>
|
||||
<FormField
|
||||
isRequired
|
||||
title="application_details.redirect_uri"
|
||||
title="application_details.redirect_uris"
|
||||
className={styles.textField}
|
||||
tooltip="application_details.redirect_uri_tip"
|
||||
>
|
||||
|
@ -93,7 +93,7 @@ const Settings = ({ applicationType, oidcConfig, defaultData, isDeleted }: Props
|
|||
}}
|
||||
render={({ field: { onChange, value }, fieldState: { error } }) => (
|
||||
<MultiTextInput
|
||||
title="application_details.redirect_uri"
|
||||
title="application_details.redirect_uris"
|
||||
value={value}
|
||||
error={convertRhfErrorMessage(error?.message)}
|
||||
placeholder={
|
||||
|
@ -107,7 +107,7 @@ const Settings = ({ applicationType, oidcConfig, defaultData, isDeleted }: Props
|
|||
/>
|
||||
</FormField>
|
||||
<FormField
|
||||
title="application_details.post_sign_out_redirect_uri"
|
||||
title="application_details.post_sign_out_redirect_uris"
|
||||
className={styles.textField}
|
||||
tooltip="application_details.post_sign_out_redirect_uri_tip"
|
||||
>
|
||||
|
@ -120,7 +120,7 @@ const Settings = ({ applicationType, oidcConfig, defaultData, isDeleted }: Props
|
|||
}}
|
||||
render={({ field: { onChange, value }, fieldState: { error } }) => (
|
||||
<MultiTextInput
|
||||
title="application_details.post_sign_out_redirect_uri"
|
||||
title="application_details.post_sign_out_redirect_uris"
|
||||
value={value}
|
||||
error={convertRhfErrorMessage(error?.message)}
|
||||
placeholder={t('application_details.post_sign_out_redirect_uri_placeholder')}
|
||||
|
|
|
@ -9,12 +9,14 @@ const application_details = {
|
|||
authorization_endpoint: 'Authorization endpoint',
|
||||
authorization_endpoint_tip:
|
||||
"The endpoint to perform authentication and authorization. It's used for OpenID Connect Authentication.",
|
||||
redirect_uri: 'Redirect URIs',
|
||||
redirect_uri: 'Redirect URI',
|
||||
redirect_uris: 'Redirect URIs',
|
||||
redirect_uri_placeholder: 'https://your.website.com/app',
|
||||
redirect_uri_placeholder_native: 'io.logto://callback',
|
||||
redirect_uri_tip:
|
||||
'The URI redirects after a user sign-in (whether successful or not). See OpenID Connect AuthRequest for more info.',
|
||||
post_sign_out_redirect_uri: 'Post Sign-out Redirect URIs',
|
||||
post_sign_out_redirect_uri: 'Post Sign-out Redirect URI',
|
||||
post_sign_out_redirect_uris: 'Post Sign-out Redirect URIs',
|
||||
post_sign_out_redirect_uri_placeholder: 'https://your.website.com/home',
|
||||
post_sign_out_redirect_uri_tip:
|
||||
'The URI redirects after a user sign-out (optional). It may have no practical effect in some app types.',
|
||||
|
|
|
@ -8,12 +8,14 @@ const application_details = {
|
|||
description_placeholder: '请输入应用描述',
|
||||
authorization_endpoint: 'Authorization Endpoint',
|
||||
authorization_endpoint_tip: '进行鉴权与授权的端点 endpoint。用于 OpenID Connect 中的鉴权流程。',
|
||||
redirect_uri: 'Redirect URIs',
|
||||
redirect_uri: 'Redirect URI',
|
||||
redirect_uris: 'Redirect URIs',
|
||||
redirect_uri_placeholder: 'https://your.website.com/app',
|
||||
redirect_uri_placeholder_native: 'io.logto://callback',
|
||||
redirect_uri_tip:
|
||||
'在用户登录完成(不论成功与否)后重定向的目标 URI。参见 OpenID Connect AuthRequest 以了解更多。',
|
||||
post_sign_out_redirect_uri: 'Post sign out redirect URIs',
|
||||
post_sign_out_redirect_uri: 'Post Sign-out Redirect URI',
|
||||
post_sign_out_redirect_uris: 'Post sign out redirect URIs',
|
||||
post_sign_out_redirect_uri_placeholder: 'https://your.website.com/home',
|
||||
post_sign_out_redirect_uri_tip:
|
||||
'在用户登出后重定向的目标 URI(可选)。在某些应用类型中可能无实质作用。',
|
||||
|
|
Loading…
Add table
Reference in a new issue