mio-library-autenticacao

Componente React para login

Instalação

//npm
npm install --save mio-library-autenticacao

//yarn
yarn add mio-library-autenticacao

Como utilizar

Você deve definir os seguintes parâmetros de configuração no arquivo .env

REACT_APP_ID=app-id-example
REACT_APP_MIO_AUTH_API_URL=http://urlofauthentication.com:3000
REACT_APP_MIO_AUTH_TOKEN=persist:@mio-template:jwt-token

import React, { Component } from "react";

import { Autenticacao } from "mio-library-autenticacao";

const Example = props => {
  return (
    <Autenticacao
      beforeSubmit={() => {
        // do something before submitting the login form
      }}
      afterSubmit={result => {
        /*
         * Do something after submitting the login form.
         * result is a json that can contain three attributes
         * {
         *    status: <boolean>
         *    message: <string> in case status is false message is undefined
         *    error: <string> in case status is true error is undefined
         * }
         */

        /*
         * Example, you can redirect page if login is succefully
         */
        if (result.status) {
          props.history.push("/home");
        }
      }}
    />
  );
};

export default Example;

Api

<Autenticacao />

The component accepts the following props:

| Name | Type | Description | | ------------ | -------- | ------------------------------------------------------------------------------------------------------------------------ | | onSubmit | function | Sobrescreva está função caso queira utilizar seu próprio método de autenticação. (e, email, password) => { //faça algo } | | beforeSubmit | function | Função callback que é disparada antes do envio de formulário de login. | | afterSubmit | function | Função callback que é disparada antes do envio de formulário de login. |

Helpers

mio-library-autenticacao provides auxiliary methods

| Name | Return | Description | | --------------- | ------- | -------------------------------------------- | | isAuthenticated | boolean | retorna se o usuário está autenticado ou não | | getToken | string | A token jwt salca no local storage | | getData | json | extrai os dados da token jwt | | logout | void | faz o logout do usuário |

License

MIT © raphaelbsr