Informazioni
L'argomento richiesto è visualizzato di seguito, ma non è incluso in questa libreria.

Migrazione di un'app Web (HTML)

Applies to Windows and Windows Phone

Questo argomento include alcune riflessioni e istruzioni specifiche sulla conversione di un'app Web esistente in un'app di Windows Store realizzata in JavaScript.

Ai fini della nostra discussione, possiamo definire l'app Web come un componente Web front-end le cui funzionalità sono quasi interamente contenute in un documento HTML e che viene eseguita dal browser stesso. In altre parole, non fa affidamento su ASP.NET, PHP o altre tecnologie di server back-end. Se vuoi eseguire la migrazione di un'app che ha un componente server o back-end, ad esempio un database o un oggetto di livello intermedio, vedi Migrazione di un sito Web.

Puoi trovare maggiori informazioni sulle differenze tra le app di Windows Store in JavaScript e le app Web nel white paper relativo al confronto tra le app di Windows Store in JavaScript e le app Web tradizionali.

Un'app di Windows Store scritta in JavaScript è simile a un'app che potresti sviluppare per Microsoft Internet Explorer 9 e versioni successive o per qualsiasi browser compatibile con HTML5. L'app è costituita in genere da componenti, documenti, risorse e comportamenti sviluppati usando le tecnologie seguenti:

  • HTML (HTML5)
  • CSS (CSS3)
  • JavaScript (ECMAScript)

Il processo che ospita ed esegue un'app di Windows Store scritta in JavaScript, denominato WWAHost.exe, fornisce un soprainsieme di funzionalità più grande rispetto al browser Microsoft Internet Explorer. Pertanto se la tua app Web viene eseguita in Internet Explorer e non incorpora nessuna delle tecnologie non supportate elencate più avanti, potrà essere eseguita facilmente anche in WWAHost.exe.

Un'app di Windows Store scritta in JavaScript può inoltre sfruttare le librerie Windows specifiche per aumentare la funzionalità e usufruire delle funzioni a livello di sistema operativo. Queste librerie comprendono:

  • La libreria Windows per JavaScript: un toolkit di librerie JavaScript che supportano la gestione eventi migliorata e comportamenti di query DOM, abilitano nuovi tipi di controlli e offrono modelli rivolti agli sviluppatori per altri comportamenti JavaScript comuni.
  • Trident: un modello basato su HTML e CSS per la grafica 2D e 3D.
  • jQuery: usa jQuery 1.7 e versioni successive nell'app.
  • Windows Runtime: interfacce API comuni disponibili per JavaScript tramite l'uso dell'infrastruttura Windows Runtime.

Nella maggior parte dei casi, tuttavia, la funzionalità della tua app Web originale sarà vincolata al browser. Poiché il processo WWAHost.exe fornisce una piattaforma di rendering basata su Internet Explorer, puoi realizzare facilmente la portabilità diretta se la tua app usa esclusivamente le tecnologie HTML, CSS e JavaScript

Un'app di Windows Store scritta in JavaScript viene eseguita in uno spazio protetto, definito "contesto locale". In altre parole l'app non ha accesso al Web, non ha accesso ampio a Internet e non ha funzionalità al di fuori dell'ambito dell'app stessa e delle pagine che la compongono. Per altre informazioni sui contesti locali, leggi Caratteristiche e restrizioni in base al contesto.

Alcune tecnologie client Web non sono supportate o lo sono solo in modo limitato. Nella tabella seguente sono identificate molte di queste tecnologie.

TecnologiaDescrizione
Componenti Adobe Flash PlayerWWAHost.exe non può ospitare oggetti Adobe Flash Player. Se un componente Flash è essenziale per il funzionamento della tua app Web, devi importare l'oggetto Flash in HTML/CSS e JavaScript. HTML5 e Windows Runtime forniscono alcune delle funzionalità di livello inferiore del sistema operativo e dell'interfaccia utente che ti serviranno per questo scopo.
Componenti Microsoft SilverlightWWAHost.exe non può ospitare oggetti Silverlight. Se un componente Silverlight è essenziale per il funzionamento della tua app Web, devi importare l'oggetto Silverlight in HTML/CSS e JavaScript. HTML5 e Windows Runtime forniscono gran parte delle funzionalità di livello inferiore del sistema operativo e dell'interfaccia utente che ti serviranno per questo scopo. Potresti eventualmente convertire il tuo componente Silverlight in un'app di Windows Store scritta in C++, C# o Visual Basic, dove il codice XAML viene usato in maniera molto simile a Silverlight.
Controlli ActiveXLa maggior parte dei controlli ActiveX non è supportata da WWAHost. I controlli seguenti rappresentano le eccezioni.
  • {EAB16C5D-EED1-4E95-868B-0FBA1B42C092} Microsoft RDP Client Control
  • {CD70A734-B6DB-4588-9813-FF2E37A4661F} MSTSC Workspace AX Control
  • {186DD02C-2DEC-41B5-A7D4-B59056FADE51} PortableDeviceAutomation.Factory

Se un componente controllo ActiveX è essenziale per il funzionamento della tua app Web, devi importare l'oggetto ActiveX in HTML/CSS e JavaScript oppure usare i componenti Windows Runtime. Vedi Esercitazione: creare un componente Windows Runtime di base in C++ e chiamarlo da JavaScript o C#). Windows Runtime fornisce gran parte delle funzionalità di livello inferiore del sistema operativo e grafiche che ti serviranno per questo scopo.

Oggetti JavaWWAHost.exe non può ospitare oggetti Java. Se un componente Java è essenziale per il funzionamento della tua app Web, devi importare l'oggetto Java in HTML/CSS e JavaScript. Windows Runtime fornisce gran parte delle funzionalità di livello inferiore del sistema operativo e dell'interfaccia utente che ti serviranno per questo scopo.
Altri componenti incorporati WWAHost.exe non supporta i componenti incorporati che non sono specificati nello schema HTML5.

 

Conversione di un'app Web con Microsoft Visual Studio 2013

Per convertire un'app, puoi usare Visual Studio 2013. Prima di eseguire la conversione, assicurati che tutti i documenti HTML/CSS e le risorse multimediali necessarie (grafica, file audio e altro contenuto binario) siano accessibili e disposti in un layout strutturato nel tuo computer locale. Dopo aver assemblato tutti questi componenti, avvia Visual Studio 2013.

Prima di tutto apri un nuovo progetto JavaScript: scegli Nuovo dal menu File e quindi App di Windows Store > Applicazione vuota.

creazione di un progetto JavaScript vuoto

Aggiungi quindi i tuoi file HTML al progetto usando Esplora soluzioni. Aggiungi tutti i file CSS o JavaScript rispettivamente nelle cartelle "css" e "js" del progetto.

A questo punto puoi eseguire la compilazione e il debug dell'importazione della tua app Web in un'app di Windows Store scritta in JavaScript. L'app verrà eseguita in WWAHost.exe.

Argomenti correlati

Confronto tra app di Windows Store in JavaScript e app Web tradizionali

 

 

Mostra:
© 2014 Microsoft