https://github.com/gedgonz/deployangulargithubpages
Deploying angular app to githubpages
https://github.com/gedgonz/deployangulargithubpages
angular deploy github github-pages nodejs npm readme
Last synced: 2 months ago
JSON representation
Deploying angular app to githubpages
- Host: GitHub
- URL: https://github.com/gedgonz/deployangulargithubpages
- Owner: GedGonz
- Created: 2021-08-01T04:23:43.000Z (almost 5 years ago)
- Default Branch: main
- Last Pushed: 2021-08-01T04:27:29.000Z (almost 5 years ago)
- Last Synced: 2025-02-01T23:15:15.976Z (over 1 year ago)
- Topics: angular, deploy, github, github-pages, nodejs, npm, readme
- Homepage:
- Size: 3.91 KB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Hola! 👋 Esta es una pequeña guía para hacer deploy de una app en angular en GithubPages
### Paso 1
Vas a necesitar crear un repositorio en tu github
### Paso 2
Vas a necesitar un proyecto angular, ejecuta el siguiente comando para crear tu proyecto
```js
ng new app-name
```
### Paso 3
Instale Angular CLI gh-pages (https://www.npmjs.com/package/angular-cli-ghpages)
Hay una herramienta a su disposición que puede utilizar para implementar fácilmente su aplicación angular en gh-pages, la herramienta angular-cli-pages.
La herramienta angular-cli-pages se usa como un comando en la CLI angular con el propósito de la implementación.
Para instalarlo, ejecutemos este comando en nuestra terminal
```js
npm i angular-cli-ghpages
ng add angular-cli-ghpages
```
#### Nota:
Este comando instalará angular-cli-ghpages globalmente en su sistema operativo. No es necesario que lo instale de nuevo en caso de que necesite usarlo en el futuro, no es necesario ejecutar nuevamente el primer comando una vez este instalado globalmente.
### Paso 4
Implementar en gh-pages
Después de crear la aplicación, ahora puede implementarla en Github Pages usando la herramienta angular-cli-ghpages
Ejecute el siguiente comando en su terminal para implementar la aplicación, asegurese de escribir correctamente el nombre de su proyecto y que se encuentre dentro de las diagonales //
```js
ng deploy --base-href=/RickAndMorty/
```
### Paso 5
Una vez que desplegué su aplicación angular diríjase a su repositorio y en la sesscion de settings
de clic en la siguiente sección para obtener la url de la pagina
le mostrara la url y ya podrá acceder a ella para ver su app
### Nota
GitHubPages dura al rededor de 30 segundos en aplicar los cambios y mostra la app, siga los pasaos a como se inidcan para que no resiva el 404 de github
te dejo el link del proyecto del ejemplo: https://github.com/GedGonz/AppRickAndMorty
Espero esto te ayude en tus implementaciones y pruebas. Saludos!!