如何利用Yeoman、AngularJS数据和Node.js将数据上传到Heroku starter数据库

How to utilize Yeoman, AngularJS data, and Node.js to upload data into the Heroku starter database?

本文关键字:数据 Heroku 数据库 starter Node Yeoman 何利用 AngularJS js      更新时间:2023-09-26

我的应用使用的是AngularJS。我是新手,所以这个问题是关于数据管理的。目前我硬编码我的数据到JSON对象数组在我的main.js文件,如

angular.module('myApp')
.controller('AdminCtrl', ['$scope', '$filter', function($scope, $filter) {
    //<--ARRAY OF DATA with multiple attributes<--
    $scope.campaigns = [
    { name:'', description'', etc... etc...},
    {...Lots of Data...},
    {...Lots of Data...},
    {...Lots of Data...},
    {...Lots of Data...},
    ];
}]);

我已经通过heroku部署网站,所以我想把这些数据上传到starter开发heroku Postgres数据库。这是我第一次上传数据到heroku数据库,我想知道我将如何进行这个过程。我想使用Node.js(对我来说也是新的),我发现这篇文章(https://devcenter.heroku.com/articles/heroku-postgresql#connecting-in-node-js),但这是我所要做的吗?我在哪里以及如何将我当前的数组数据传输到Node.js,然后将其上传到heroku?


编辑:我遵循http://www.sitepoint.com/deploying-yeomanangular-app-heroku/和http://www.lars-schenk.com/deploying-a-yeoman-angular-app-to-heroku/1661文章(看起来基本相同),@montecruiseto建议并做了一个"grunt构建",但当我刷新页面时数据仍然丢失。这是我第一次使用Node.js,但我相信这些例子是在部署一个静态的angular应用,没有动态的数据更新。我需要采取哪些步骤来获取当前数组数据并利用"web.js"使其在Heroku数据库中持久化?

为什么不在你现有的应用程序上运行Yeoman-Heroku生成器呢?应该会让您朝着成功部署迈出一大步。

不管怎样,这在你的angular中都有很好的文档:

  • 在Heroku上部署Yeoman App
  • 将一个约曼/Angular应用部署到Heroku
  • 将一个约曼+ Angular应用部署到Heroku
  • 将Yeoman web应用部署到Heroku+Node.js
  • 使用Grunt轻松部署构建到Heroku