Как разместить приложение AngularJS в Heroku с помощью Node.js БЕЗ yeoman?
Я пытаюсь вставить сборку Hello World с AngularJS в Heroku, используя Node.js. НО с несколькими взглядами (частями).
Сначала я развернул Hello World без использования ngRoute, что означает: без частичных. Это было хорошо и гладко. Затем я попытался выдвинуть 2 простых партиала. Но я считаю, что проблема заключается в размещении приложения и в то же время просить о частичных. Я знаю, что это не правильный подход, и я хочу получить ваш совет.
Это мой index.html:
<!DOCTYPE html>
<html ng-app="main">
<head>
<meta name="name" content="something">
<title></title>
</head>
<body>
<section ng-view=""></section>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.3/angular.min.js" type="text/javascript" charset="utf-8"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.3/angular-route.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
angular.module('main', ['ngRoute'])
.config(['$routeProvider', '$http', function ($routeProvider, $http){
console.log('hola');
$routeProvider
.when('/', {
resolve: **??? I tried with templateUrl but did not work either**
,controller: 'indexCtrl'
})
.when('/second', {
resolve: **???**
,controller: 'secondCtrl'
})
.otherwise({
redirectTo: '/'
});
}])
.controller('indexCtrl', ['$scope', function ($scope){
$scope.helloWorld = "Hello World";
}])
.controller('secondCtrl', ['$scope', function ($scope){
$scope.helloWorld = "World Hello";
}]);
</script>
</body>
</html>
Частичный "templates / second.html"
<h1>{{ helloWorld }}<h1>
<a href="#/" title="">Go to First</a>
Частичный "templates / index.html"
<h1>{{ helloWorld }}<h1>
<a href="#/second" title="">Go to Second</a>
Мое экспресс-приложение:
var express = require('express'),
app = express();
app.set('view engine', 'html');
app.get('/', function(req, res) {
res.sendfile('index.html', {root: __dirname })
});
app.get('/index', function (req, res){
res.sendfile('templates/index.html', {root: __dirname })
});
app.get('/second', function (req, res){
res.sendfile('templates/second.html', {root: __dirname })
});
var server = app.listen(process.env.PORT || 80);
И, очевидно, Procfile:
web: node index.js
Все учебники, которые я нашел до сих пор, используют Yeoman, но я не хочу использовать Yeoman или какой-либо другой инструмент для скаффолдинга (если это так).
В: Можно ли разместить приложение AngularJS в том же приложении Heroku, где я храню партиалы? Если так, что я делаю не так? Если нет, то какой подход лучше?