Digital Developer Conference: Hybrid Cloud 2021 | Capacitaciones gratuitas por expertos y partners | 21 de Setiembre ¡Inscríbete Ahora!

Creando una API en minutos en Node.js con STRAPI

Creando una API en minutos en Node.js con STRAPI

1

– Softwares necesarios

En este tutorial no pretendo abarcar cómo instalar los siguientes softwares que serán necesarios:

2

– Comenzando

2.1 – Instalación de la CLI

Para empezar, instalemos STRAPI en general

npm install strapi@alpha -g

2.2 – Inicio del proyecto

Una vez que termine, crearemos un nuevo proyecto llamado «trivia»

strapi new trivia

instalando

Según la imagen de arriba, la secuencia de opciones fue la siguiente:

  1. Elija su tipo de instalación:

  2. Personalizado (configuración manual)

  3. Elija su base de datos principal

  4. MongoDB

  5. Nombre de la base de datos

  6. trivia

  7. Host:

  8. 127.0.0.1

  9. conexión +srv

  10. falso

  11. Puerto (se ignorará si habilita + srv)

  12. 27017

  13. Nombre de usuario

  14. vacío

  15. Contraseña

  16. vacío

  17. Base de datos de autenticación (tal vez «admin» o en blanco)

  18. vacío

  19. Habilitar conexión SSL

  20. falso

2.3 – Ejecutando el servidor localmente

cd trivia;
strapi start;

Si todo salió bien, abra su navegador y vaya a http://localhost:1337/admin

2.4 – Configuración del administrador

login
  1. Establezca su nombre de usuario/apodo que se utilizará para la autenticación cuando

  2. Ingrese una contraseña

  3. Confirme la contraseña

  4. Agregue un correo electrónico para validar su nombre de usuario

  5. Haga clic en «ready to start» para finalizar la instalación.

3

– Conociendo STRAPI

3.1 – Panel de administración

painel de administrador

Esta es la vista principal de CMS STRAPI.
Hay un menú de navegación a la izquierda donde encontraremos todo lo que necesitaremos en este tutorial.

4

– Agregando tipos de contenido

  • En el panel de administración, en el menú de la izquierda, haga clic en «Content Type Builder»

  • En «Content Type Builder» (imagen a continuación), haga clic en «Add Content Type» en la esquina superior derecha

    tipos de conteúdo
  • Aparecerá un modal que le pedirá que nombre su nuevo «Content Type»

  • Hecho esto, haga clic en «Save»

    adicionar novo conteúdo
  • La pantalla cambiará, el modal desaparecerá y ahora haga clic en «Add new Field»

    conteúdo vazio
  • Aparecerá una extensa lista de tipos de campo. Para este tutorial, primero cubriré los campos «String» y «Text»

  • Haga clic en «String»

    adicionar campos
  • En la nueva ventana, nombre el campo «trivia»

  • Y luego la pestaña «Advanced Settings»

    adicionar string
  • En la nueva pestaña, marque:

  • «Required Field»
  • «Unique Field»
  • Minimum Length
  • 5
  • Haga clic en «+ Add new field»

    adicionar string avançda
  • Regresamos a la pantalla de tipos de campo, haga clic en «Text»

    adiionar campos
  • En la nueva ventana, ingrese el nombre de campo «descripción»

  • Y luego la pestaña «Advanced Settings»

    adicionar string
  • En la nueva pestaña, marque:
    – «Display as a WYSIWYG».

  • Haga clic en «Continue»

    adicionar texto avançado
  • Ahora que tenemos dos campos para nuestro tipo de contenido, haga clic en «Save» en la esquina superior derecha.

    conteúdo cheio
5

– Agregando contenido

Ahora que tenemos un tipo de contenido «Trivia», podemos hacer clic en el menú de la izquierda en «Trivias», primera opción en «Content Types»

  • Después de ingresar al menú Trivia, haga clic en «Add new Trivia» en la esquina superior derecha.

    adicionar conteúdo
  • Dele a su nueva entrada un nombre y una descripción y haga clic en «Save» en la esquina superior derecha.

    nova entrada
6

– Permisos API

6.1 – Dar/Eliminar permisos

Ahora que tenemos un tipo de contenido «Trivia», podemos hacer clic en el menú de la izquierda en «Roles & Permissions» en la sección «Plugins»

  • En la sección «Roles & Permissions» en la lista de tipos de usuario, haga clic en el ícono de lápiz a la derecha en la línea de tipo «Public».

    permissões
  • Desde el centro de la pantalla a continuación, en la zona «Permissions», hay una lista de casillas de verificación para el tipo de contenido «Trivia», marque:
    – find
    – findone

  • Haga clic en «Save» en el campo superior derecho de la pantalla.

    permissões públicas

6.2 – Probando permisos

Si siguió los pasos en las secciones:

7

– ¡Bono!

7.1 – Soporte para otros idiomas

¡Zuntini, no te pudo creer que me hiciste seguir el tutorial en inglés cuando había una opción para traducir todo el panel a español!

Si, ¡lo hice!

Porque lo que voy a mostrar a continuación solo funciona para la interfaz y no para los complementos o todas las partes del sistema, prefiero usar la interfaz en inglés para el tutorial ;p

  • En el menú del lado izquierdo, opción «Configuration», en la pestaña «Language», hay algunos de los idiomas que se pueden usar para la mayoría del sistema.
  • Pero en la esquina superior derecha, junto a su nombre de usuario (en mi caso, Felipe), hay una bandera, haga clic en ella y seleccione es

    idiomas
  • Dejando así la bandera verde y amarilla seleccionada y gran parte de la interfaz en nuestro maravilloso idioma

    português

7.2 – Documentación

En el menú del lado izquierdo, en la opción «Marketplace» puede encontrar varios complementos geniales para STRAPI

  • Uno de ellos es el complemento de documentación, que genera documentación visual SWAGGER, que puede o no estar abierta (puede ingresar una contraseña), pero en la cual no quiero profundizar demasiado

    documentação