English
Español

Complemento http404

Visión General

Este complemento postRenderer para Scully creará una página /404.html para la ruta configurada /404. Esto es útil para generar páginas 4040 personalizadas dentro de tu aplicación Angular y que mantiene compatibilidad con los requerimientos de hosting de firebase para páginas 404.

La versión 1.0.0 introduce importantes cambios en la manera en que el complemento es registrado y configurado. Por favor actualiza tu configuración

Instalación

Para instalar esta librería con npm ejecuta:

$ npm install @gammastream/scully-plugin-http404 --save-dev

Uso

Crea una ruta 404 dentro de tu router principal:

RouterModule.forRoot([
  {
    path: 'a',
    component: PageComponent,
  },
  {
    path: 'b',
    component: PageComponent,
  },
  {
    path: 'c',
    component: PageComponent,
  },
  {
    path: '',
    component: PageComponent,
  },
  {
    path: '404',
    component: Http404Component,
  },
  {
    path: '**',
    component: Http404Component,
  },
]);

Agregar el complemento a defaultPostRenderers para ejecutarlo sobre la ruta /404:

import { ScullyConfig, setPluginConfig } from '@scullyio/scully';
import { getHttp404Plugin } from '@gammastream/scully-plugin-http404';

const Http404Plugin = getHttp404Plugin();

export const config: ScullyConfig = {
  projectRoot: './src',
  projectName: 'scully-plugins',
  outDir: './dist/static',
  defaultPostRenderers: [Http404Plugin],
  routes: {
    '/products/:productId': {
      type: 'json',
      productId: {
        url: 'http://localhost:4200/assets/products.json',
        property: 'id',
      },
    },
  },
};

Compila la aplicación y ejecuta Scully normalmente.

npm run build
npx scully

Preguntas y Problemas

Si tienes algún problema puede describirlo acá o contactarme a: GammaStream