web-dev-qa-db-fra.com

Hébergement Angular 2 app

Je suis nouveau sur Angular 2, je connais l'hôte Angular 1.x sur l'hébergement mutualisé comme GoDaddy, mais je n'ai aucune idée de la façon dont publie l'application Angular 2, par exemple, j'ai ce dossier de structure:

angular2-quickstart

--app
  app.component.ts
  main.ts

--node_modules

--typings

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

Quel fichier je dois télécharger sur ftp?

Je n'ai rien essayé car je ne sais pas comment procéder
Merci d'avance!

javascriptangularjsnode.jsangularhosting
11
user1608228

En tant que langage à base de composants, angular 2 inclut certaines mises en garde dans son processus de déploiement ..__ Tout d'abord, les fichiers utilisés dans l'environnement de développement ne sont pas nécessairement livrés à la production. En bref, vous n'aurez besoin que de télécharger des fichiers .js, .html et .css.

Deuxièmement, même si votre application ne déploie que les fichiers mentionnés ci-dessus, il est conseillé d’inclure le processus suivant:

Regroupement: Compiler tous les fichiers .js en fichiers uniques. Par exemple, vendor.js pourrait inclure toutes les bibliothèques tierces et bundle.js inclurait tous les fichiers .js de l'application. (Les bundles sont importés pour des raisons de performances, mais gardez à l'esprit qu'avec l'arrivée de http 2, ce processus sera abandonné)

Minification: il s'agit d'un processus standard dans toutes les applications Web, mais maintenant, vous ne réduisez que les fichiers fournis.

Jetez un coup d'oeil dans cet article, car il donne quelques exemples d'outils qui peuvent vous aider avec le processus de déploiement . http://www.ninjaducks.in/hacking/angular-setup/

5
Daniel Pliscki

Si vous n'avez pas de serveur, les sites d'hébergement gratuits recherchent généralement un fichier index.html pour commencer leur travail. Par conséquent, votre structure de dossiers est correcte mais vous devrez télécharger les fichiers js à la place des fichiers ts.

5
eko

Je pense que l'un des flux de travaux populaires consiste à gulp-TypeScript vos fichiers .ts et à envoyer les fichiers .js résultants dans un dossier de distribution. Les nombreux fichiers .js peuvent également être "gulp-concatenated" (gulp-concat) en un seul fichier.

Bien sûr, vous devrez également envoyer vos fichiers html et css.

Etant donné que la bibliothèque Angular2 dépend également beaucoup du contenu du dossier node_modules, vous devez télécharger votre installation package.json et npm côté serveur. Vous pouvez essayer de télécharger les node_modules, mais le téléchargement prend beaucoup de temps.

4
Pat M

Vous devez créer un projet angular2 en utilisant des outils tels que webpack ou angular-cli - qui utilise également webpack post beta.14 release. Webpack créera un répertoire de distribution - dist - que vous pourrez déployer sur le serveur. Webpack regroupe tout le code dans un seul fichier qu'il place dans le dossier dist. Voici une bonne ressource pour comprendre le code et la structure de déploiement de l'application angular2: https://github.com/mirkonasato/angular2-course-webpack-starter

Clonez le répertoire ci-dessus, exécutez "npm install" pour installer toutes les dépendances, puis "npm run build", le dossier de distribution - dist - que vous pouvez déployer.

1
UsmanChaudhri

Eh bien, vous pouvez exécuter ng build dans votre répertoire d’application racine. Il créera un répertoire dist contenant l'application et les fichiers. Vous pouvez mettre ce répertoire dans la page que le serveur Web recherchera pour l'index.html

0
Max