Skip to content

Commit

Permalink
feat: add de translation for tutorials
Browse files Browse the repository at this point in the history
  • Loading branch information
charIeszhao committed Jan 4, 2025
1 parent 5ebd4c2 commit d6e2c65
Show file tree
Hide file tree
Showing 257 changed files with 15,390 additions and 0 deletions.
Original file line number Diff line number Diff line change
@@ -0,0 +1,68 @@
---
slug: how-to-build-${connectorPath}-sign-in-with-${sdkPath}-and-logto
authors: logto
tags: [Authentifizierung, ${connectorPath}, ${sdkPath}, ${language}, passwortlose Anmeldung, Anmeldung, Login]
title: Wie man ${connector} ${connectorType} passwortlose Anmeldung mit ${sdk} erstellt
---

{/*
Wir müssen Vorlagen in Abschnitte unterteilen, da importierte MDX im Inhaltsverzeichnis nicht angezeigt wird.
Es gibt auch keine Möglichkeit, das Inhaltsverzeichnis anzupassen. :-)
@see https://github.com/facebook/docusaurus/issues/3915
*/}

import Intro from './fragments/_intro.mdx';
import CreateApplication from './fragments/_create-application.mdx';
import AddPasswordlessConnector from './fragments/_add-passwordless-connector.mdx';
import SaveYourConfiguration from './fragments/_save-your-configuration.mdx';
import EnablePasswordlessConnector from './fragments/_enable-passwordless-connector.mdx';
import TestingAndValidation from './fragments/_testing-and-validation.mdx';
import IntegrateSdk from '@site/${sdkDocDir}/_for-tutorial.mdx';
import ConnectorGuide from '@site/${connectorDocDir}/_integration.mdx';
import FurtherReadings from './fragments/_further-readings.mdx';

export const connector = '${connector}';

{/* truncate */}

<Intro connector={connector} sdk="${sdk}" link="${sdkOfficialLink}" />

## Eine Anwendung in Logto erstellen \{#create-an-application-in-logto}

<CreateApplication type="${appType}" framework="${framework}" />

## Logto SDK integrieren \{#integrate-logto-sdk}

<IntegrateSdk />

## ${connector} Connector hinzufügen \{#add-connector-connector}

<AddPasswordlessConnector
connector={connector}
connectorType="${connectorType}"
passwordlessSignUpIdentifier="${passwordlessSignUpIdentifier}"
/>

## ${connectorConfigName} einrichten \{#set-up-connectorconfigname}

<ConnectorGuide />

### Konfiguration speichern \{#save-your-configuration}

<SaveYourConfiguration connector={connector} />

## ${connector} Connector in der Anmeldeerfahrung aktivieren \{#enable-connector-connector-in-sign-in-experience}

<EnablePasswordlessConnector
connectorType="${connectorType}"
passwordlessSignUpIdentifier="${passwordlessSignUpIdentifier}"
/>

## Testen und Validieren \{#testing-and-validation}

<TestingAndValidation connector={connector} sdk="${sdk}" />

## Weiterführende Lektüre \{#further-readings}

<FurtherReadings />
Original file line number Diff line number Diff line change
@@ -0,0 +1,62 @@
---
slug: how-to-build-${connectorPath}-sign-in-with-${sdkPath}-and-logto
authors: logto
tags: [Authentifizierung, ${connectorPath}, ${sdkPath}, ${language}, soziale Anmeldung, Anmeldung, Login]
title: Wie man ${connector}-Anmeldung mit ${sdk} erstellt
---

{/*
Wir müssen Vorlagen in Abschnitte unterteilen, da importierte MDX im Inhaltsverzeichnis nicht angezeigt wird.
Es gibt auch keine Möglichkeit, das Inhaltsverzeichnis anzupassen. :-)
@see https://github.com/facebook/docusaurus/issues/3915
*/}

import Intro from './fragments/_intro.mdx';
import CreateApplication from './fragments/_create-application.mdx';
import AddSocialConnector from './fragments/_add-social-connector.mdx';
import SaveYourConfiguration from './fragments/_save-your-configuration.mdx';
import EnableSocialConnector from './fragments/_enable-social-connector.mdx';
import TestingAndValidation from './fragments/_testing-and-validation.mdx';
import IntegrateSdk from '@site/${sdkDocDir}/_for-tutorial.mdx';
import ConnectorGuide from '@site/${connectorDocDir}/_integration.mdx';

import FurtherReadings from './fragments/_further-readings.mdx';

export const connector = '${connector}';

{/* truncate */}

<Intro connector={connector} sdk="${sdk}" link="${sdkOfficialLink}" />

## Eine Anwendung in Logto erstellen \{#create-an-application-in-logto}

<CreateApplication type="${appType}" framework="${framework}" />

## ${framework} SDK integrieren \{#integrate-framework-sdk}

<IntegrateSdk />

## ${connector} Connector hinzufügen \{#add-connector-connector}

<AddSocialConnector connector={connector} framework="${framework}" />

## ${connectorConfigName} einrichten \{#set-up-connectorconfigname}

<ConnectorGuide />

### Konfiguration speichern \{#save-your-configuration}

<SaveYourConfiguration connector={connector} />

## ${connector} Connector in der Anmeldeerfahrung aktivieren \{#enable-connector-connector-in-sign-in-experience}

<EnableSocialConnector connector={connector} />

## Testen und Validieren \{#testing-and-validation}

<TestingAndValidation connector={connector} sdk="${sdk}" />

## Weiterführende Lektüre \{#further-readings}

<FurtherReadings />
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
{props.connectorType} Connector ist eine Methode, um Einmalpasswörter (OTPs) für die Authentifizierung zu senden. Es ermöglicht die {props.passwordlessSignUpIdentifier}-Verifizierung, um passwortlose Authentifizierung zu unterstützen, einschließlich {props.connectorType}-basierter Registrierung, Anmeldung, Zwei-Faktor-Authentifizierung (2FA) und Kontowiederherstellung. Du kannst {props.connector} ganz einfach als deinen {props.connectorType}-Anbieter verbinden. Mit dem Logto {props.connectorType} Connector kannst du dies in nur wenigen Minuten einrichten.

Um einen {props.connectorType} Connector hinzuzufügen, folge einfach diesen Schritten:

1. Navigiere zu [Console > Connector > Email and SMS connectors](https://cloud.logto.io/to/connectors/passwordless).
2. Um einen neuen {props.connectorType} Connector hinzuzufügen, klicke auf die Schaltfläche "Einrichten" und wähle "{props.connector}".
3. Überprüfe die README-Dokumentation für deinen ausgewählten Anbieter.
4. Fülle die Konfigurationsfelder im Abschnitt "Parameterkonfiguration" aus.
5. Passe die {props.connectorType}-Vorlage mit dem JSON-Editor an.
6. Teste deine Konfiguration, indem du einen Bestätigungscode an deinen {props.passwordlessSignUpIdentifier} sendest.

![Connector-Tab](../assets/connector-tab-passwordless.png)

:::note
Wenn du der In-Place-Connector-Anleitung folgst, kannst du den nächsten Abschnitt überspringen.
:::
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
Um eine schnelle Anmeldung zu ermöglichen und die Benutzerkonversion zu verbessern, verbinde dich mit {props.framework} als Identitätsanbieter (IdP). Der Logto Social Connector hilft dir, diese Verbindung in wenigen Minuten herzustellen, indem er mehrere Parameter-Eingaben ermöglicht.

Um einen Social Connector hinzuzufügen, folge einfach diesen Schritten:

1. Navigiere zu [Console > Connectors > Social Connectors](https://cloud.logto.io/to/connectors/social).
2. Klicke auf "Add social connector" und wähle "{props.connector}".
3. Folge der README-Anleitung und fülle die erforderlichen Felder aus und passe die Einstellungen an.

![Connector-Tab](../assets/connector-tab-social.png)

:::note
Wenn du der In-Place Connector-Anleitung folgst, kannst du den nächsten Abschnitt überspringen.
:::
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
Logto basiert auf OpenID Connect (OIDC) Authentifizierung und OAuth 2.0 Autorisierung. Es unterstützt föderiertes Identitätsmanagement über mehrere Anwendungen hinweg, was allgemein als Single Sign-On (SSO) bezeichnet wird.

Um deine {props.type} Anwendung zu erstellen, folge einfach diesen Schritten:

1. Öffne die [Logto Console](https://cloud.logto.io). Klicke im Abschnitt "Erste Schritte" auf den Link "Alle anzeigen", um die Liste der Anwendungs-Frameworks zu öffnen. Alternativ kannst du zu [Logto Console > Applications](https://cloud.logto.io/to/applications) navigieren und auf die Schaltfläche "Anwendung erstellen" klicken.
![Erste Schritte](../assets/get-started.png)
2. Klicke im sich öffnenden Modal auf den Abschnitt "{props.type}" oder filtere alle verfügbaren "{props.type}" Frameworks mit den Schnellfilter-Checkboxen auf der linken Seite. Klicke auf die {props.framework.split('/').map((text) => `"${text.trim()}"`).join(' / ')} Framework-Karte, um mit der Erstellung deiner Anwendung zu beginnen.
![Frameworks](../assets/framework-list.png)
3. Gib den Anwendungsnamen ein, z. B. "Buchladen", und klicke auf "Anwendung erstellen".

🎉 Ta-da! Du hast gerade deine erste Anwendung in Logto erstellt. Du wirst eine Glückwunschseite sehen, die einen detaillierten Integrationsleitfaden enthält. Folge dem Leitfaden, um zu sehen, wie die Erfahrung in deiner Anwendung sein wird.
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
Sobald du einen {props.connector} Connector erfolgreich erstellt hast, kannst du die passwortlose Anmeldung und Registrierung basierend auf der Telefonnummer aktivieren.

1. Navigiere zu [Konsole > Anmeldeerfahrung > Registrierung und Anmeldung](https://cloud.logto.io/to/sign-in-experience/sign-up-and-sign-in).
2. Anmeldemethoden einrichten (Optional):
1. Wähle "{props.passwordlessSignUpIdentifier}" oder "E-Mail oder Telefonnummer" als Anmeldekennzeichen.
2. "Bei der Anmeldung verifizieren" ist gezwungenermaßen aktiviert. Du kannst auch "Ein Passwort erstellen" bei der Registrierung aktivieren.
3. Anmeldemethoden einrichten:
1. Wähle {props.passwordlessSignUpIdentifier} als eines der Anmeldekennzeichen. Du kannst mehrere verfügbare Kennzeichen (E-Mail, Telefonnummer und Benutzername) angeben.
2. Wähle "Verifizierungscode" und / oder "Passwort" als Authentifizierungsfaktor.
4. Klicke auf "Änderungen speichern" und teste es in der "Live-Vorschau".

![Anmeldeerfahrungs-Tab](../assets/sie-tab.png)

Zusätzlich zur Registrierung und Anmeldung über {props.connector} OTPs kannst du auch die Passwortwiederherstellung und die {props.connector}-basierte Sicherheitsüberprüfung aktivieren sowie {props.passwordlessSignUpIdentifier} mit dem Profil verknüpfen. Siehe [Endbenutzerflüsse](https://docs.logto.io/end-user-flows) für weitere Details.
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
Sobald du einen sozialen Connector erfolgreich erstellt hast, kannst du ihn als "Weiter mit {props.connector}"-Button in der Anmeldeerfahrung aktivieren.

1. Navigiere zu [Konsole > Anmeldeerfahrung > Registrierung und Anmeldung](https://cloud.logto.io/to/sign-in-experience/sign-up-and-sign-in).
2. (Optional) Wähle "Nicht zutreffend" für das Registrierungskennzeichen, wenn du nur die soziale Anmeldung benötigst.
3. Füge den konfigurierten {props.connector} Connector zum Abschnitt "Soziale Anmeldung" hinzu.

![Anmeldeerfahrungs-Tab](../assets/sie-tab.png)
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
[Endbenutzerflüsse](https://docs.logto.io/end-user-flows): Logto bietet sofort einsatzbereite Authentifizierungsflüsse, einschließlich Multi-Faktor-Authentifizierung (MFA) und Enterprise SSO, zusammen mit leistungsstarken APIs für die flexible Implementierung von Kontoeinstellungen, Sicherheitsüberprüfung und Multi-Tenant-Erfahrung.

[Autorisierung](https://docs.logto.io/authorization): Autorisierung (Authorization) definiert die Aktionen, die ein Benutzer ausführen kann, oder die Ressourcen, auf die er nach der Authentifizierung zugreifen kann. Erfahre, wie du deine API für native und Single-Page-Anwendungen schützen und rollenbasierte Zugangskontrolle (RBAC) implementieren kannst.

[Organisationen](https://docs.logto.io/organizations): Besonders effektiv in Multi-Tenant-SaaS- und B2B-Anwendungen, ermöglicht die Organisationsfunktion die Erstellung von Mandanten, das Mitgliedermanagement, organisationsweite RBAC und Just-in-Time-Bereitstellung.

[Kunden-IAM-Serie](https://blog.logto.io/ciam-101-intro-authn-sso): Unsere Blogserie über Customer (oder Consumer) Identity and Access Management, von den Grundlagen bis zu fortgeschrittenen Themen und darüber hinaus.
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
{/* `prettier` formatiert die React-Komponenten und bricht Zeilen in Stücke, was den Inhalt unansehnlich und schwer lesbar macht. */}
{/* eslint-disable prettier/prettier */}
:::info Für unsere neuen Freunde

<br />
<br />
[Logto](https://logto.io/) ist eine Auth0-Alternative, die für moderne Apps und SaaS-Produkte entwickelt wurde. Es bietet sowohl [Cloud](https://cloud.logto.io/) als auch [Open-Source](https://github.com/logto-io/logto) Dienste, um dir zu helfen, dein Identity and Management (IAM) System schnell zu starten. Genieße Authentifizierung, Autorisierung und Multi-Tenant-Management [alles in einem](https://docs.logto.io/introduction).{' '}

Wir empfehlen, mit einem kostenlosen Entwicklungsmieter auf [Logto Cloud](https://cloud.logto.io/) zu beginnen. Dies ermöglicht es dir, alle Funktionen einfach zu erkunden.
:::

In diesem Artikel werden wir die Schritte durchgehen, um schnell die {props.connector} Anmeldeerfahrung (Benutzerauthentifizierung) mit <a href={props.link} target="_blank" rel="noopener">{props.sdk}</a> und [Logto](https://logto.io/) aufzubauen.

**Voraussetzungen**

- Eine laufende Logto-Instanz. Sieh dir die [Einführungsseite](/introduction) an, um loszulegen.
- Grundkenntnisse in <a href={props.link} target="_blank" rel="noopener">{props.sdk}</a>.
- Ein nutzbares {props.connector} Konto.
{/* eslint-enable prettier/prettier */}
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
Überprüfe, ob du alle notwendigen Werte im Logto Connector-Konfigurationsbereich ausgefüllt hast. Klicke auf "Speichern und Fertig" (oder "Änderungen speichern") und der {props.connector} Connector sollte jetzt verfügbar sein.
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
:::info Teste deine Integration
Öffne deine {props.sdk}-App, um zu testen, ob die Integration funktioniert. Wenn du auf die Schaltfläche "Anmelden" klickst, sollte die Seite zu einer Logto-Anmeldeseite weitergeleitet werden, und du solltest in der Lage sein, ein neues Konto zu erstellen, indem du Benutzername und Passwort eingibst und den Anmeldeprozess abschließt.
:::
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
Kehre zu deiner {props.sdk}-App zurück. Du solltest dich jetzt mit {props.connector} anmelden können. Viel Spaß!
Original file line number Diff line number Diff line change
@@ -0,0 +1,62 @@
---
slug: how-to-build-apple-sign-in-with-android-and-logto
authors: logto
tags: [Authentifizierung, apple, android, kotlin/java, soziale Anmeldung, Anmeldung, Login]
title: Wie man Apple-Anmeldung mit Android (Kotlin / Java) erstellt
---

{/*
Wir müssen Vorlagen in Abschnitte unterteilen, da importierte MDX im Inhaltsverzeichnis nicht angezeigt wird.
Es gibt auch keine Möglichkeit, das Inhaltsverzeichnis anzupassen. :-)
@see https://github.com/facebook/docusaurus/issues/3915
*/}

import Intro from './fragments/_intro.mdx';
import CreateApplication from './fragments/_create-application.mdx';
import AddSocialConnector from './fragments/_add-social-connector.mdx';
import SaveYourConfiguration from './fragments/_save-your-configuration.mdx';
import EnableSocialConnector from './fragments/_enable-social-connector.mdx';
import TestingAndValidation from './fragments/_testing-and-validation.mdx';
import IntegrateSdk from '@site/i18n/de/docusaurus-plugin-content-docs/current/quick-starts/framework/android/_for-tutorial.mdx';
import ConnectorGuide from '@site/i18n/de/docusaurus-plugin-content-docs/current/integrations/social/apple/_integration.mdx';

import FurtherReadings from './fragments/_further-readings.mdx';

export const connector = 'Apple';

{/* truncate */}

<Intro connector={connector} sdk="Android (Kotlin / Java)" link="https://developer.android.com" />

## Eine Anwendung in Logto erstellen \{#create-an-application-in-logto}

<CreateApplication type="Native App" framework="Android (Kotlin) / Android (Java)" />

## Android (Kotlin) / Android (Java) SDK integrieren \{#integrate-framework-sdk}

<IntegrateSdk />

## Apple Connector hinzufügen \{#add-connector-connector}

<AddSocialConnector connector={connector} framework="Android (Kotlin) / Android (Java)" />

## Apple Sign-in einrichten \{#set-up-connectorconfigname}

<ConnectorGuide />

### Konfiguration speichern \{#save-your-configuration}

<SaveYourConfiguration connector={connector} />

## Apple Connector in der Anmeldeerfahrung aktivieren \{#enable-connector-connector-in-sign-in-experience}

<EnableSocialConnector connector={connector} />

## Testen und Validieren \{#testing-and-validation}

<TestingAndValidation connector={connector} sdk="Android (Kotlin / Java)" />

## Weiterführende Lektüre \{#further-readings}

<FurtherReadings />
Original file line number Diff line number Diff line change
@@ -0,0 +1,68 @@
---
slug: how-to-build-aws-ses-sign-in-with-android-and-logto
authors: logto
tags: [Authentifizierung, aws-ses, android, kotlin/java, passwortlose Anmeldung, Anmeldung, Login]
title: Wie man AWS SES Email passwortlose Anmeldung mit Android (Kotlin / Java) erstellt
---

{/*
Wir müssen Vorlagen in Abschnitte unterteilen, da importierte MDX im Inhaltsverzeichnis nicht angezeigt wird.
Es gibt auch keine Möglichkeit, das Inhaltsverzeichnis anzupassen. :-)
@see https://github.com/facebook/docusaurus/issues/3915
*/}

import Intro from './fragments/_intro.mdx';
import CreateApplication from './fragments/_create-application.mdx';
import AddPasswordlessConnector from './fragments/_add-passwordless-connector.mdx';
import SaveYourConfiguration from './fragments/_save-your-configuration.mdx';
import EnablePasswordlessConnector from './fragments/_enable-passwordless-connector.mdx';
import TestingAndValidation from './fragments/_testing-and-validation.mdx';
import IntegrateSdk from '@site/i18n/de/docusaurus-plugin-content-docs/current/quick-starts/framework/android/_for-tutorial.mdx';
import ConnectorGuide from '@site/i18n/de/docusaurus-plugin-content-docs/current/integrations/email/aws-ses/_integration.mdx';
import FurtherReadings from './fragments/_further-readings.mdx';

export const connector = 'AWS SES';

{/* truncate */}

<Intro connector={connector} sdk="Android (Kotlin / Java)" link="https://developer.android.com" />

## Eine Anwendung in Logto erstellen \{#create-an-application-in-logto}

<CreateApplication type="Native App" framework="Android (Kotlin) / Android (Java)" />

## Logto SDK integrieren \{#integrate-logto-sdk}

<IntegrateSdk />

## AWS SES Connector hinzufügen \{#add-connector-connector}

<AddPasswordlessConnector
connector={connector}
connectorType="Email"
passwordlessSignUpIdentifier="Email address"
/>

## AWS SES email connector einrichten \{#set-up-connectorconfigname}

<ConnectorGuide />

### Konfiguration speichern \{#save-your-configuration}

<SaveYourConfiguration connector={connector} />

## AWS SES Connector in der Anmeldeerfahrung aktivieren \{#enable-connector-connector-in-sign-in-experience}

<EnablePasswordlessConnector
connectorType="Email"
passwordlessSignUpIdentifier="Email address"
/>

## Testen und Validieren \{#testing-and-validation}

<TestingAndValidation connector={connector} sdk="Android (Kotlin / Java)" />

## Weiterführende Lektüre \{#further-readings}

<FurtherReadings />
Loading

0 comments on commit d6e2c65

Please sign in to comment.