javascript - 部署 AngularJS 应用程序 : How to make app read JSON data

Question

我被难住了。所以我写了一个不错的小网络应用程序，它从一个包含一个数组的 JSON 中获取所有数据。为了桥接 AngularJS 部分和数据，我在 services.js

中添加了这一行

.constant("baseURL","http://localhost:3000/")

这当然只适用于我本地。但我没有考虑过我可能必须让我的网络主机来提供数据。

现在，我完全是个初学者。我在 1 月份才开始编码，因此我已经付出了适度的努力来编写我的应用程序。所以我完全不适合这里。我什至不知道我在找什么。我的意思是，我必须用一些东西替换 localhost:3000。但是如果我这样做 http://domain.com/db.json 那显然是行不通的。

我已经与 Godaddy 的技术支持人员进行了交谈，当我向他们展示这行代码时，他们表示“没用”。因为，老实说，我什至不知道我要找的地址叫什么。是 URI 吗？

关于这个我有几个问题，我想问你，因为 - 这个故事变得更糟 - 我有一份可能的工作。不是编码，而是从 JSON 解析到站点的数据。

• 我要找的地址叫什么？
• 如何让我的主机提供 JSON 数据？我的意思是，我什至不知道我需要问这里的技术支持人员什么。我需要 JSON 服务器吗？
• 如果他们不提供，我可以从哪里获得我的 JSON 数据，以便我可以将更多文章推送到数组中并最好也对其进行编辑？

非常感谢!

编辑#1

如果有帮助，这是我的/webroot/personalfolder 的内容

Answer 1

1. 您需要将 localhost:8000 更改为您的域名。例如，如果您购买了 www.foobar.com，那么在租用的网络服务器(如 GoDaddy 主机)端口 80 和443 通常是开放的，所以你不需要指定它。如果您是自托管，则需要在路由器上打开这些端口并将端口转发规则应用到您的 PC。
2. 当您托管已发布的网站时，您只需将 JSON 文件放入您的网站源代码中。例如，您的结构可能如下所示:

AngularAppFolder/index.html js CSS

只需添加另一个名为 db 的文件夹，将您的 JSON 文件放在那里，并在您的 Angular 代码中引用它，不用担心，它只是另一个文件，就像您的 HTML 或 CSS 一样构成您的网站。请记住，您的 JSON 数据将在此处公开可用!

1. 如果您正在寻找获取 JSON 数据的替代方法，您可能需要考虑创建一个 REST API。这使用网络服务器来分发依赖于您发送给它的 HTTP 请求的数据。但这是一个很大的话题!如果您感到勇敢，这里有一些阅读内容! Node.js REST API tutorial

最后注意:如果您是自托管此应用程序(在您自己的计算机或服务器上运行它)，那么您需要将域名的 DNS 记录更改为服务器的全局 IP 地址!但是，如果您使用 GoDaddy 等公司提供的托管服务，则不必担心。