@nahuelmorata/framework-frontend

Framework Frontend

Contacto

Contactame

Versiones

Version	Angular Version
v1.x.x	v9.x.x
v2.x.x	v10.x.x
v3.x.x	v11.x.x
v4.x.x	v12.x.x
v5.x.x	v13.x.x
v6.x.x	v14.x.x
v7.x.x	v15.x.x
v8.x.x	v16.x.x
v17.x.x	v17.x.x
v18.x.x	v18.x.x
v19.x.x	v19.x.x

Dependencias

Con npm

npm i @microsoft/signalr @sentry/angular 

Con yarn

yarn add @microsoft/signalr @sentry/angular 

Instalacion

Con npm

npm i @nahuelmorata/framework-frontend

Con yarn

yarn add @nahuelmorata/framework-frontend

Uso

En el app.module.ts

@NgModule({
    //...
    imports: [
        // other imports
        FrameworkFrontendModule.forRoot({
            apiURL: Constantes.apiURL,
            logger: {
                transportadores: {
                    consola: true,
                    slack: {
                        activado: false,
                        idCanal: '',
                        token: '',
                    }
                }
            }
        }),
        // other imports
    ]
    // ...
})
export class AppModule { }

Contenido

Guards

• Auth guard (authGuard): Usado para rutas en donde se necesite autenticacion
• Login guard (loginGuard): Usado solo para la ruta de login

Services

• SignalR
• Auth
• Notificacion

Pipes

• Nombre metodo

API

FrontendConfig

export interface FrontendConfig {
    apiURL: string; // URL de la api
    logger?: LoggerConfiguracion; // Configuracion de los loggers
    desarrollo?: boolean; // modo de desarrollo
}

LoggerConfiguracion

export interface LoggerConfiguracion {
    transportadores: {
        consola: boolean; // Consola activada para enviar errores
        slack?: { // Configuracion para enviar a Slack
            activado: boolean; // Loggear a Slack activado
            idCanal: string; // Id del canal de Slack
            token: string; // Token de seguridad para Slack
        };
        sentry?: { // configuracion para enviar a Sentry
            activado: boolean; // Loggear a Sentry activado
            dsn: string;
            tracesSampleRate?: number;
            tracePropagationTargets?: (string | RegExp)[];
            replaysSessionSampleRate?: number;
            replaysOnErrorSampleRate?: number;
        };
    };
}