You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Using [`EIP-4361`](https://eips.ethereum.org/EIPS/eip-4361) (Sign in with Ethererum) standard, you can authenticate users to your backend using only their wallet. This is a secure and easy way to authenticate users without requiring them to create an additional account.
5
+
Usando el estándar [`EIP-4361`](https://eips.ethereum.org/EIPS/eip-4361) (Iniciar sesión con Ethereum), puedes autenticar a los usuarios en tu backend utilizando solo su billetera. Esta es una forma segura y fácil de autenticar usuarios sin requerirles que creen una cuenta adicional.
6
6
7
-
## Usage
7
+
## Uso
8
8
9
-
### Client Functions
9
+
### Funciones del Cliente
10
10
11
-
<Calloutvariant="info"title="Auth with React">
12
-
If you're using React, Auth integrates directly with our built-in
13
-
[ConnectButton component](/react/v5/ConnectButton). This
14
-
handles things like caching, error handling, and retries for you.
11
+
<Calloutvariant="info"title="Autenticación con React">
12
+
Si estás usando React, la autenticación se integra directamente con nuestro componente
13
+
[ConnectButton](/react/v5/ConnectButton). Esto
14
+
gestiona aspectos como el almacenamiento en caché, manejo de errores y reintentos por ti.
15
15
</Callout>
16
16
17
+
17
18
```ts
18
19
import { signLoginPayload } from'thirdweb/auth';
19
20
20
-
// 1. fetch a login payload from your server
21
+
// 1. obtener el login payload desde tu servidor
21
22
const result =awaitfetch(...);
22
23
const loginPayload =awaitresult.json();
23
24
24
-
// 2. sign the login payload with the user's account
25
+
// 2. firmar el login payload con la cuenta del usuario
// 3. send the login payload and signature to your server
28
+
// 3. enviar el login payload y la firma a tu servidor
28
29
const result =awaitfetch(...);
29
30
const verifiedPayload =awaitresult.json();
30
31
```
31
32
32
-
How you store and maintain a user session is up to you, but our recommended approach is to store a JWT token in a cookie that is verified on the server. The server functions below include utility functions to generate and verify the JWT.
33
+
Cómo almacenas y mantienes la sesión de un usuario depende de ti, pero nuestra enfoque recomendado es almacenar un token JWT en una cookie que se verifique en el servidor. Las funciones del servidor a continuación incluyen funciones de utilidad para generar y verificar el JWT.
34
+
35
+
Para generar y verificar el JWT, también necesitarás una clave privada EOA. La billetera de esta clave privada no necesita tener fondos, solo se usa para firmar.
33
36
34
-
In order to generate and verify the JWT you will also need an EOA private key. This private key's wallet does not need to hold any funds, it is only used for signing.
-acceder a la infraestructura de Account Abstraction (bundler, paymaster)
44
+
-acceder a otros servicios de thirdweb
44
45
45
-
<Calloutvariant="info"title="Getting your RPC URL">
46
-
If you need to access the raw RPC URL, just use thirdweb's default RPC format with your client ID `https://<chainId>.rpc.thirdweb.com/<clientId>`.
46
+
<Calloutvariant="info"title="Obteniendo tu URL RPC">
47
+
Si necesitas acceder a la URL RPC sin procesar, solo usa el formato RPC por defecto de thirdweb con tu client ID `https://<chainId>.rpc.thirdweb.com/<clientId>`.
Copy file name to clipboardExpand all lines: apps/portal/src/app/typescript/v5/in-app-wallet/page.mdx
+26-25Lines changed: 26 additions & 25 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -16,70 +16,71 @@ import {ExternalLink} from "lucide-react";
16
16
import { TypeScriptIcon } from"@/icons";
17
17
18
18
exportconst metadata =createMetadata({
19
-
title: "Connect users with In-App Wallet",
19
+
title: "Conectar usuarios con Billetera In-App",
20
20
description:
21
-
"use the prebuilt connect UI components to authenticate users and connect in-app wallets",
21
+
"Usa los componentes de UI preconstruidos para autenticar usuarios y conectar billeteras in-app",
22
22
image: {
23
-
title: "Connect users with In-App Wallets",
23
+
title: "Conectar usuarios con Billeteras In-App",
24
24
icon: "wallets",
25
25
},
26
26
});
27
27
28
-
# In-App Wallets
28
+
# Billeteras In-App
29
29
30
-
Create in-app wallet for your users based on their email, phone, passkey, social auth or even their external wallets. These wallets are scoped by your clientId and do not require any confirmation to sign transactions.
30
+
Crea billeteras in-app para tus usuarios basadas en su correo electrónico, teléfono, passkey, autenticación social o incluso sus billeteras externas. Estas billeteras están limitadas por tu clientId y no requieren ninguna confirmación para firmar transacciones.
31
31
32
-
## Available auth methods
32
+
## Métodos de autenticación disponibles
33
33
34
34
<AuthList />
35
35
36
36
## Live Playground
37
37
38
-
Try out in-app wallets for yourself in the [in-app wallet live playground](https://playground.thirdweb.com/connect/in-app-wallet)
38
+
Prueba las billeteras in-app por ti mismo en el [playground en vivo de billetera in-app](https://playground.thirdweb.com/connect/in-app-wallet)
description="See the SDK in action on the live playground"
46
+
description="Ve el SDK en acción en el playground en vivo"
47
47
/>
48
48
49
49
</Stack>
50
50
51
-
## Configure in-app wallets
51
+
## Configurar billeteras in-app
52
52
53
-
The simplest way to create an in-app wallet is to use the `inAppWallet()` function. By default, this will create a wallet that supports email/password login, Google, Apple, Facebook login, and passkey.
53
+
La forma más sencilla de crear una billetera in-app es usar la función `inAppWallet()`. Por defecto, esto creará una billetera que soporta inicio de sesión con correo electrónico/contraseña, Google, Apple, Facebook y passkey.
54
54
55
55
```tsx
56
56
import { inAppWallet } from"thirdweb/wallets";
57
57
58
58
const wallet =inAppWallet();
59
59
```
60
60
61
-
You can also customize the wallet by passing in options.
61
+
También puedes personalizar la billetera pasando opciones.
62
62
63
63
```tsx
64
64
import { inAppWallet } from"thirdweb/wallets";
65
65
66
66
const wallet =inAppWallet({
67
67
auth: {
68
-
mode, //options are "popup" | "redirect" | "window";
View all the auth and configuration options for in-app wallets in the [API Reference](/references/typescript/v5/inAppWallet).
103
+
Consulta todas las opciones de autenticación y configuración para billeteras in-app en la [Referencia de la API](/references/typescript/v5/inAppWallet).
103
104
104
105
<Stack>
105
106
106
107
<ArticleIconCard
107
108
title="inAppWallet"
108
109
icon={TypeScriptIcon}
109
110
href="/references/typescript/v5/inAppWallet"
110
-
description="Create an in-app wallet from any auth"
111
+
description="Crea una billetera in-app desde cualquier método de autenticación"
0 commit comments