Pasos de código

Herramientas de IA
Pasos de código

Los pasos de código son páginas como esta, donde puedes mostrar los pasos para lograr algo mediante código. Para añadir un paso de código:

  • Desde el índice, haz clic en un .

  • Elige Pasos de código

Para demostrar los pasos de código, este es un ejemplo de cómo podrías usar Inicio de sesión personalizado en DeveloperHub.

Este ejemplo usa express como servidor backend.

Instalar la biblioteca JWT

Primero, para generar el JWT, es más fácil hacerlo con una biblioteca. Para instalar jsonwebtoken, ejecuta npm install jsonwebtoken.

Obtener la clave de API

El JWT se firmaría usando la clave de API. Obtén tu clave de API y guárdala en el código.

Definir el payload

El payload es la información que se envía de forma segura mediante JWT. El payload de Custom Login es un objeto JSON y debe tener dos propiedades.

version debe establecerse en 1

vars contiene las variables que se establecerán cuando se carguen los documentos. Aquí podrías personalizar la documentación para el usuario.

Definir la caducidad

Establecer una caducidad corta garantiza protección si un JWT cae en las manos equivocadas. Recomendamos un día.

Firmar el token

Firma el token con la clave de API, estableciendo la caducidad.

Generar la URL

La URL contiene la ruta a la que el lector intentó acceder y un parámetro de consulta jwt que contiene el token.

Redirigir al usuario con el token

Por último, redirige al usuario de vuelta a la documentación con el token firmado.

const sign = require('jsonwebtoken').sign; const apiKey = '689c3ce8e7c68b7c7f86acca6a028e6f8656eb792b19a334f8e3f2a56ca8f561'; function getSignedDeveloperHubUrl(url) { const docsUrl = url || 'https://docs.pied-piper.com'; const payload = { version: 1, vars: { user: { id: 1234, name: "John" } } }; const expiresIn = 24 * 60 * 60; const token = sign(payload, apiKey, {expiresIn: expiresIn}); return `${docsUrl}?jwt=${token}`; }


  Última actualización por Zaid Daba'een el Jan 21, 2025
Creado con DeveloperHub

Need help? Visit our community forums or contact us.

Editar en GitHub
Tabla de Contenido
Pasos de código