将Yeoman/Angular应用程序部署到Heroku

>将您的Yeoman/Angular应用程序部署到Heroku：逐步指南

准备与世界共享您的Yeoman驱动的Angularjs应用程序吗？ 该教程指导您将其部署到Heroku。

>先决条件：

命令行能力。
• 一个Heroku帐户和Heroku工具BELT。
• >
yeoman生成的静态应用。
• >项目文件：

>一个完整的示例项目存储库在此处可用>。 （如果有的话，请替换为实际链接）

部署步骤： https://www.php.cn/link/52a8ed6a81c88856e206aa74759a4103

>>安装节点软件包：，因为Heroku需要服务器，我们将使用Node.js。安装必要的软件包：

1. >提供GZPICPECT ASSETS，

   简化了服务器的创建。

   npm install gzippo express --save

   >

   创建服务器文件（web.js）：gzippo在您的项目的root目录中创建一个express>文件：

   >

2. >构建您的应用程序：web.js在部署之前，构建AngularJS应用程序：

   var gzippo = require('gzippo');
   var express = require('express');
   var app = express();
   
   app.use(express.logger('dev'));
   app.use(gzippo.staticGzip("" + __dirname + "/dist"));
   app.listen(process.env.PORT || 5000);

这将生成包含您优化的应用程序文件的目录。 至关重要的是，从您的
3. 文件中删除

   ，因为Heroku使用git进行部署。

   grunt build

   >

   创建procfile：dist/dist/在您的root目录中创建a.gitignore（无扩展）：

4. 这告诉Heroku运行您的node.js server。

   >Procfile初始化git并部署到heroku：

   <code>web: node web.js</code>

   >
   >用所需的Heroku应用程序名称替换
。
5. >
   缩放应用程序（如果需要）：

   git init
   git add .
   git commit -m "Initial Commit"
   heroku create <your_app_name>
   git push heroku master

   如果遇到问题，请扩展Web dynos：

   <your_app_name></your_app_name>

6. 打开您已部署的应用程序：>

   heroku ps:scale web=1

7. 常见问题（常见问题解答）：>

   >原始常见问题解答部分结构良好且全面。 为了避免冗余，我不会在这里重写。 提供的答案已经很棒。 如果您需要扩展或澄清任何特定的常见问题解答，请询问！

   heroku open

   >

以上是将Yeoman/Angular应用程序部署到Heroku的详细内容。更多信息请关注PHP中文网其他相关文章！