WIKI de apuntes de Billy Rondón

Esta página es de solo lectura. Puedes ver la fuente pero no puedes cambiarla. Pregunta a tu administrador si crees que esto es incorrecto.
====== Angular ======

  * [[https://www.youtube.com/watch?v=APtSLRo6b-M]]
  * [[https://www.youtube.com/watch?v=4PYwCI1LFqs]]

La Carpeta donde se renderiza el html y el javascript por defecto es:
<code> dist/<project-name>/browser/ </code>
  * [[https://v17.angular.io/guide/deployment#building-and-serving-from-disk]]
Si es que con en el navegador se pone en el URL la carpeta y no se logra ver la página por enlaces erróneos por que el href es una ruta explicita o absoluta, en archivo index.html:
<code><base href="/"></code>

Se puede hacer relativa con el comando
<code>ng build --base-href ./</code>

Se la puede configurar una ruta absoluta con el comando:
<code>
ng build --base-href /<RUTA>/
</code>

o modificando el archivo de configuración "angular.json":
<code>
"projects": {
  "app": {
    "architect": {
      "build": {
        "options": {
          "baseHref": "/production-folder/"
        }
      }
    }
  }
}

</code>

Código básico:

<code javascript>
//typescript

import {Component} from '@angular/core';

@Component({
  selector: 'app-root',
  imports: [],
  template: ` <h1>Default</h1> `,
  styleUrls: ['./app.css'],
})
export class App {
  title = 'default';
}

</code>


===== Deploy =====

Deploy para el tipo SSR Server Side Rendering, usando Apache o Nginx

  * [[https://blog.daudr.me/painless-angular-ssr/]]
  * [[https://v17.angular.io/guide/deployment]]

Usando WebPack:
  * [[https://webpack.js.org/guides/development/#webpack-dev-server]]

Usando Hydration:
  * [[https://www.angulararchitects.io/blog/guide-for-ssr/]]