Hosting angolare 2 app

Question

Sono nuovo di Angular 2, so ospitare Angular 1.x su hosting condiviso come GoDaddy, ma non ho idea di come pubblicare Angular 2 applicazione, ad esempio ho questa cartella struttura:

angular2-quickstart 

--app 
    app.component.ts 
    main.ts 

--node_modules 

--typings 

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

Quale file devo caricare su ftp?

Non ho provato nulla perché non so come procedere
Grazie in anticipo!

Answer 1

Se non si dispone di un back-end, i siti di hosting gratuiti di solito cercano un index.html per iniziare il proprio lavoro. Quindi, la struttura della tua cartella è corretta, ma dovrai caricare i file js invece dei file ts.

Answer 2

Come linguaggio a componenti, l'angolo 2 include alcuni avvertimenti nel suo processo di distribuzione. In primo luogo, i file utilizzati nell'ambiente di sviluppo non sono necessariamente spediti alla produzione. In breve, dovrai solo caricare file .js, .html e .css.

La seconda è che, anche se l'applicazione funziona la distribuzione solo i file di cui sopra menzione, si consiglia di includere il seguente processo:

impacchettatriciLe: Compilare tutti i file .js in file singoli. Ad esempio, vendor.js potrebbe includere tutte le librerie di terze parti e bundle.js includerebbe tutti i file .js dell'applicazione. (I pacchetti sono importati per motivi di prestazioni, ma tieni presente che con l'arrivo di http 2 questo processo verrà abbandonato)

Minification: è un processo standard in tutte le app Web, ma ora si limitano a ridurre i file in bundle.

Dai un'occhiata in questo articolo, in quanto fornisce alcuni esempi di strumenti che possono aiutarti con il processo di distribuzione. http://www.ninjaducks.in/hacking/angular-setup/

Answer 3

Penso che un flusso di lavoro popolare sia gulp-dattiloscritto i file .ts e inviare i file .js risultanti in una cartella di distribuzione. I molti file .js potrebbero anche essere "gulp-concatenati" (gulp-concat) in un unico file.

Naturalmente è necessario inviare anche i file html e css.

Poiché la libreria Angular2 fa molto affidamento su ciò che è contenuto nella cartella node_modules, è necessario caricare l'installazione di package.json e npm sul lato server. Potresti provare a caricare i node_modules ma il caricamento richiede molto tempo.

Answer 4

È necessario creare il progetto angular2 utilizzando strumenti come webpack o angular-cli, che utilizza anche la versione beta.14 di Webpack. Webpack creerà una directory di distribuzione - dist - che è possibile distribuire sul server. Webpack raggruppa tutto il codice in un singolo file che inserisce nella cartella dist. Ecco una buona risorsa per comprendere il codice e la struttura di implementazione dell'app angular2: https://github.com/mirkonasato/angular2-course-webpack-starter

Clona la directory precedente, esegui "npm install" per installare tutte le dipendenze ed eseguire "npm run build" vedrai la cartella di distribuzione - dist - che è possibile distribuire.

Answer 5

Bene, è possibile eseguire ng build nella directory dell'applicazione root. Creerà una directory dist contenente l'app e i file. Puoi mettere questa directory nella pagina che il webserver cercherà per index.html