angular - 如何托管angular 2网站?

标签 angular server hosting frontend

如何托管 Angular 2 网站?

我是 Angular 2 的新手,我制作了一个没有后端的简单网站。

我想知道当我尝试直接打开 index.html 文件时,它打开时出错。

但是在命令 "npm start" 之后它工作正常,它在计算机上运行本地服务器。

那么,如何在简单的托管网站(不是专用服务器..!)上托管此网站?

我认为托管站点会自动找到 index.html 文件,但问题是,如果没有 "npm start" 命令,index.html 不会启动。

我是否必须在服务器上为此启动一个进程?

请指导我。

最佳答案

使用以下简单步骤在 Firebase 上托管您的 Angular 2 应用程序: 首先使用 Angular CLI 创建一个项目。在此处获取更多信息 https://cli.angular.io/

第 1 步:构建您的应用

运行下面的命令来构建

ng build --prod

第 2 步:创建 FireBase 项目并安装 Firebase CLI

https://console.firebase.google.com/ 打开 Firebase 控制台并创建一个新的 Firebase 项目。

要安装 Firebase 命令行工具,请运行:

npm install -g firebase-tools

第 3 步:部署到 FireBase

运行以下 firebase cmd 登录:

firebase login

它将打开浏览器并要求您进行身份验证。使用您的 Firebase 帐户登录。之后您可以关闭浏览器窗口。在命令行上,您将收到登录已成功执行的消息。

现在运行下面的命令:

firebase init

首先,系统会询问您要使用哪些 Firebase 客户端功能。您应该选择托管选项:配置和部署 Firebase 托管站点。接下来,Firebase 客户端将询问要使用哪个文件夹进行部署。输入 dist。这很重要,因为这是我们的生产构建存储的位置。

接下来的问题是询问这个应用程序是否是单页应用程序以及它是否应该将所有 URL 重写为 index.html。在我们的例子中,我们需要回答是。

最后一个问题是 Firebase 是否应该覆盖文件 index.html。这个问题的答案是否定的。

现在,运行以下命令进行部署:

firebase deploy

Firebase 将提供一个URL,您可以使用它来在线访问您的应用程序。

[更新]

现在,在您成功部署您的应用程序之后,如果您想进行一些更改并将代码部署到相同的 URL 上。遵循相同的步骤。但请确保您指向的是您的项目。

要列出所有项目,请使用此命令:

firebase list

要使项目成为当前项目,请使用:

firebase use <project_id>

关于angular - 如何托管angular 2网站?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42573987/

相关文章:

angular - 如何在 Angular 2 中包含自定义 .otf 字体

http - 为什么我需要使用 http.StripPrefix 来访问我的静态文件?

Swift 使用 CloudKit 保存新评论

Nginx 别名指令不适用于 php

mysql - 从 Webmatrix 导出 MySQL 数据库安装脚本

database - 多服务器虚拟主机/数据库/Etc

php - Mysql php - 网络应用程序规模? (大是什么意思?)

Angular2 @ngrx/store/effects - 在哪里调用服务函数

angular - 如何在 Angular 4 中单击浏览器后退按钮时提醒用户?

javascript - Angular 购物车 - 本地存储服务和订阅更改