Хостинг Angular 2 приложения

Я новичок в Angular 2, я знаю хост Angular 1.x на общем хостинге, например GoDaddy, но у меня нет идеи о том, как публиковать приложение Angular 2, например, у меня есть эта папка структуры:

angular2-quickstart

--app
  app.component.ts
  main.ts

--node_modules

--typings

index.html
package.json
styles.css
systemjs.config.js
tsconfig.json
typings.json

Какой файл мне нужно загрузить на ftp?

Я ничего не пробовал, потому что не знаю, как действовать дальше Спасибо заранее!

Ответы

Ответ 1

Если у вас нет бэкэнда, сайты бесплатного хостинга обычно ищут index.html, чтобы начать свою работу. Следовательно, ваша структура папок верна, но вам нужно будет загрузить файлы js вместо файлов ts.

Ответ 2

В качестве языка, основанного на компонентах, angular 2 содержит некоторые предостережения в процессе развертывания. Во-первых, файлы, используемые в среде разработки, не обязательно отправляются на производство. Короче говоря, вам нужно будет загружать файлы .js,.html и .css.

Во-вторых, даже если ваше приложение работает с развертыванием только указанных выше файлов, рекомендуется включить следующий процесс:

Связывание: компиляция всех .js файлов в отдельные файлы. Например, vendor.js может включать в себя все сторонние библиотеки, а bundle.js будет включать все приложения .js файлы. (Связки импортируются по соображениям производительности, но имейте в виду, что с приходом http 2 этот процесс будет отменен)

Минимизация: это стандартный процесс во всех веб-приложениях, но теперь вы только минимизируете связанные файлы.

Взгляните на эту статью, так как она дает некоторые примеры инструментов, которые могут помочь вам в процессе развертывания. http://www.ninjaducks.in/hacking/angular-setup/

Ответ 3

Я думаю, что один популярный рабочий процесс - это gulp - typescript ваши .ts файлы и отправка результирующих файлов .js в папку распространения. Многие .js файлы также могут быть "gulp -concatenated" (gulp -concat) в один файл.

Конечно, вам нужно будет отправлять файлы html и css.

Так как библиотека Angular2 в значительной степени зависит от того, что в папке node_modules, вам нужно будет загрузить свою установку package.json и npm на стороне сервера. Вы можете попробовать загрузить node_modules, но загрузка занимает много времени.

Ответ 4

Вам нужно построить проект angular2 с помощью таких инструментов, как webpack или angular -cli, который также использует выпуск webpack post beta.14. Webpack создаст каталог распространения - dist - который можно развернуть на сервере. Webpack объединяет весь код в один файл, который он помещает в папку dist. Здесь хороший ресурс для понимания структуры кода и развертывания приложения angular2: https://github.com/mirkonasato/angular2-course-webpack-starter

Клонировать вышеуказанный каталог, запустить "npm install", чтобы установить все зависимости и запустить "npm run build", вы увидите папку распространения - dist - которую вы можете развернуть.

Ответ 5

Ну, вы можете запустить ng build в корневом каталоге приложения. Он создаст каталог dist, содержащий приложение и файлы. Вы можете поместить этот каталог в страницу, на которой веб-сервер будет искать index.html