как развернуть проект yoman angular-fullstack?

Я хочу развернуть простой угловой проект, сделанный с угловым полным стеком.

https://github.com/DaftMonk/generator-angular-fullstack

Я старался :

yo angular-fullstack test

grunt build

Затем в dist у меня появилось 2 папки: server и public.

как развернуть их на сервере Linux?

с навсегда/узлом и nginx ??? Я хочу самостоятельно разместить свой проект.

Спасибо


person toffd    schedule 26.02.2015    source источник


Ответы (4)


1.) Установите nginx

2.) Перенаправить nginx через прокси на порт вашего узла. См. Как работать с цифровыми океанами.

nginx.conf

 server {
    listen       80;
    server_name  localhost;

    location / {
                 proxy_pass http://localhost:9000;
                 proxy_http_version 1.1;
                 proxy_set_header Upgrade $http_upgrade;
                 proxy_set_header Connection 'upgrade';
                 proxy_set_header Host $host;
                 proxy_cache_bypass $http_upgrade;
    }
}

3.) Запустите app.js с узлом в папке dist с правильными переменными:

$ export NODE_ENV=production; export PORT=9000; node dist/server/app.js

4.) Перейдите к имени хоста, настроенному в nginx на шаге 2.

Если вы получаете много ошибок 404, скорее всего, вы используете angular.js в режиме HTML5 и вам необходимо перенастроить маршруты для обслуживания статического контента angular.js. Я описал это и способы решения многих других ошибок, с которыми вы можете столкнуться, в своей статье в блоге: «Непрерывная интеграция с Angular Fullstack< /а>».

person Steve K    schedule 02.03.2015

Вы также можете попробовать pm2, который прост и удобен, он имеет множество полезных функций.

https://github.com/Unitech/pm2

// Start new node process
$ pm2 start dist/server/app.js

// list all process
$ pm2 list
person yogs    schedule 10.08.2015

Кроме того, если вы используете базу данных mongo с хостом, вам нужно будет изменить uri /server/config/environment/production.js, чтобы он соответствовал development.js, и он должен работать.

С MongoLab у вас есть что-то для этого: mongodb://user:[email protected]:XXXXX/yourdatabase

затем запустите команду grunt serve:dist в каталоге вашего приложения.

Это сработало для меня.

person dmanzer2    schedule 18.11.2015

Установить generator-angular-fullstack:

npm install -g generator-angular-fullstack

Создайте новый каталог и cd в него:

mkdir my-new-project && cd $_

Запустите yo angular-fullstack, при необходимости передав имя приложения:

yo angular-fullstack [app-name]

Запустите grunt для сборки, gruntserve for preview, andgrunt serve:dist` для предварительного просмотра собранного приложения.

person Ravindra Galav    schedule 27.02.2015