{"id":22493036,"url":"https://github.com/gedgonz/deployangularheroku","last_synced_at":"2025-12-30T21:15:18.336Z","repository":{"id":120924828,"uuid":"195296349","full_name":"GedGonz/DeployAngularHeroku","owner":"GedGonz","description":"Documentación para el despliegue de app Angular en Heroku","archived":false,"fork":false,"pushed_at":"2021-03-30T14:40:59.000Z","size":16,"stargazers_count":3,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-06-20T16:54:27.560Z","etag":null,"topics":["angular","deploy","express","gedgonz","heroku","heroku-app","heroku-deployment","herokuapp","node","nodejs"],"latest_commit_sha":null,"homepage":"https://blogj.glitch.me/article/design/5ddea28b14aa8a04001a102e","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/GedGonz.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-07-04T20:12:22.000Z","updated_at":"2024-04-23T16:03:51.000Z","dependencies_parsed_at":null,"dependency_job_id":"80d95cd4-877f-4cc6-a7bc-c1ab7bad5a74","html_url":"https://github.com/GedGonz/DeployAngularHeroku","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/GedGonz/DeployAngularHeroku","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GedGonz%2FDeployAngularHeroku","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GedGonz%2FDeployAngularHeroku/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GedGonz%2FDeployAngularHeroku/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GedGonz%2FDeployAngularHeroku/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/GedGonz","download_url":"https://codeload.github.com/GedGonz/DeployAngularHeroku/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GedGonz%2FDeployAngularHeroku/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278748329,"owners_count":26038890,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-07T02:00:06.786Z","response_time":59,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","deploy","express","gedgonz","heroku","heroku-app","heroku-deployment","herokuapp","node","nodejs"],"created_at":"2024-12-06T18:31:04.687Z","updated_at":"2025-10-07T09:18:38.839Z","avatar_url":"https://github.com/GedGonz.png","language":null,"readme":"![](https://res.cloudinary.com/gedgonz/image/upload/v1574871691/kqvhmtuktg0kr9kss9wr.png)\n\n\n\n## Hola! 👋 Esta es una pequeña guía para hacer deploy de una app en angular en heroku\n\nTe comparto el enlace del post para que lo veas y compartas. \nhttps://blogj.glitch.me/article/design/5ddea28b14aa8a04001a102e\n\n### Paso 1\nVas a necesitar algo para servir tus archivos. Vamos con el express. También necesitaremos una \"ruta\" para configurar nuestro servidor (a menos que quiera codificar esos en usted)\n\n```js\nnpm install --save express path\n```\n\n### Paso 2\nAhora, si queremos que Heroku construya nuestro proyecto en sus servidores, necesitamos decirles dos cosas.\n\n1. Cómo construir nuestro proyecto y \n2. Con qué versiones de node / npm trabaja nuestro código.\n\nPuedes hacer esto poniendo lo siguiente en package.json\n\n```javascript\n\n\"scripts\": {\n    ...\n    \"postinstall\": \"ng build --prod\"\n  },\n  \"engines\": {\n    \"node\": \"8.11.3\",\n    \"npm\": \"6.1.0\"\n  },\n\n```\n\nRecuerda reemplazar las versiones de node y npm por las que tienes. \nPuedes averiguarlo con\n\n```js\n\nnode --version\nnpm --version\n```\n### Paso 3\nDe forma predeterminada, el ángulo separa de las implementaciones lo que cree que son adiciones de \"desarrollo\" únicamente. Sin embargo, dado que Heroku está construyendo nuestro código, debemos darle la capacidad de ejecutar esos módulos.\n\nPara hacer esto usted puede mover *@angular/cli, @angular/compiler-cli*, *typescripty* *\"@angular-devkit/build-angular\": \"~0.6.8\"*__ __ * de nuestros devDependencies a las dependencias. O podemos hacer que Heroku instale esos módulos por su cuenta.\n\nPersonalmente prefiero la primera ya que le permite especificar versiones, sin embargo, si desea hacer la última, debería colocar lo siguiente debajo de postinstall.\n\n```javascript\n \"preinstall\": \"npm install -g @angular/cli @angular/compiler-cli typescript\",\n```\n\n### Etapa 4\n\nCrea nuestro archivo de servidor. En su directorio de aplicación principal (el que tiene package.json) cree un archivo llamado server.js. Agrega lo siguiente\n\n\n```js\n\nconst path = require('path');\nconst express = require('express');\nconst app = express();\n\n// Serve static files\napp.use(express.static(__dirname + '/dist/MY_APP_NAME'));\n\n// Send all requests to index.html\napp.get('/*', function(req, res) {\n  res.sendFile(path.join(__dirname + '/dist/MY_APP_NAME/index.html'));\n});\n\n// default Heroku port\napp.listen(process.env.PORT || 5000);\n\n```\n\nRecuerde reemplazar MY_APP_NAME (ambos) al nombre de su aplicación.\n\n### Paso 5\n\nAhora, para crear un *Procfile* para decirle a Heroku \"cómo\" queremos que se ejecute nuestra aplicación. En su directorio de proyecto (el mismo con package.json) cree un archivo llamado Procfiley coloque lo siguiente\n\n```javascript\n web: node server.js\n```\n\n### Paso 6. Paso final\n\nAhora podemos compilar nuestra aplicación *npm install* y ejecutarla con 'node server.js'. \nSi todo funciona, ahora deberíamos ver un sitio de trabajo en http: // localhost: 5000\n\nPara empujar a heroku, asumiendo que tienes el cli instalado. \nSi no es así (https://devcenter.heroku.com/articles/heroku-cli#download-and-install)\n\n```javascript\n heroku create\n git add .\n git commit -m \"initial heroku deploy'\n git push heroku master\n```\n\nHecho. Ahora debería ver un enlace de despliegue. Ábrelo y deberías ver tu sitio.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgedgonz%2Fdeployangularheroku","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgedgonz%2Fdeployangularheroku","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgedgonz%2Fdeployangularheroku/lists"}