18

Microsoft Azure for DreamSpark Academic Tour - 20/10/2015

Embed Size (px)

Citation preview

Page 1: Microsoft Azure for DreamSpark Academic Tour - 20/10/2015
Page 2: Microsoft Azure for DreamSpark Academic Tour - 20/10/2015

Facebook: gaetano.paterno.77e-mail: [email protected]

Mail: [email protected]

Facebook: gaetano.paterno.77

Page 3: Microsoft Azure for DreamSpark Academic Tour - 20/10/2015

Facebook: gaetano.paterno.77e-mail: [email protected]

Windows 10 offre una singola

piattaforma per le app, disponibile per tutte le famiglie di

dispositivi Windows.

Page 4: Microsoft Azure for DreamSpark Academic Tour - 20/10/2015

Facebook: gaetano.paterno.77e-mail: [email protected]

PC, tablet, telefoni, Surface Hub e presto anche Xbox, HoloLens

e Raspberry Pi: la piattaforma UWP ti

permette di realizzare app per tutti questi

dispositivi e perfette per questi sistemi

usando un solo Storee un'unica codebase.

Page 5: Microsoft Azure for DreamSpark Academic Tour - 20/10/2015

Facebook: gaetano.paterno.77e-mail: [email protected]

Con questa piattaforma,

denominata UWP (Universal Windows

Platform), potrai raggiungere nuovi

utenti con maggiori opportunità di ricavi.

Page 6: Microsoft Azure for DreamSpark Academic Tour - 20/10/2015

Facebook: gaetano.paterno.77e-mail: [email protected]

Per i siti Web o le app Web, puoi usare Visual Studio 2015 per creare

facilmente un'app di Windows 10 che raccoglie in un pacchetto il tuo sito Web o la tua Web App per la pubblicazione in

Windows Store. Questo tipo di app, nota come Hosted Web Apps, può

essere usata per chiamare le API UWP direttamente dal codice JavaScript del tuo sito Web e creare un'esperienza

utente più coinvolgente.

Page 7: Microsoft Azure for DreamSpark Academic Tour - 20/10/2015

Facebook: gaetano.paterno.77e-mail: [email protected]

Mantenere la vostra applicazione sicura con ACURs

Attraverso ACURs (Setting Application Content URI Rules) si è in grado di dare ad URL remoti

un accesso diretto alle API di Windows Universal da HTML, CSS e JavaScript.

A livello di sistema operativo Windows, le policy di sicurezza sono state impostate per permettere

al codice ospitato sul server web di chiamare direttamente le API della piattaforma.

Page 8: Microsoft Azure for DreamSpark Academic Tour - 20/10/2015

Facebook: gaetano.paterno.77e-mail: [email protected]

Mantenere la vostra applicazione sicura con ACURs

È possibile definire questi limiti nel file manifestdove si inseriscono l'insieme degli URL che

compongono il vostro Web App ospitato nelle Regole URI Content Application (ACURs). Le

regole dovrebbero includere la pagina iniziale della vostra app e altre pagine che si desidera includere

come pagine app. Opzionalmente, è possibile anche escludere URL specifici. Se l'utente passa a

un URL che non è incluso nelle regole, quindi Windows apre l'URL di destinazione in un browser.

Page 9: Microsoft Azure for DreamSpark Academic Tour - 20/10/2015

Facebook: gaetano.paterno.77e-mail: [email protected]

Mantenere la vostra applicazione sicura con ACURs

Ecco alcuni esempi di ACURs.

javascript StartPage="http://contoso.com/home"> <uap:ApplicationContentUriRules><uap:Rule Type="include" Match="https://contoso.com/" WindowsRuntimeAccess="all" /><uap:Rule Type="include" Match="https://*.contoso.com/" WindowsRuntimeAccess="all" /><uap:Rule Type="exclude" Match="https://contoso.com/excludethispage.aspx" /> </uap:ApplicationContentUriRules>

Page 10: Microsoft Azure for DreamSpark Academic Tour - 20/10/2015

Facebook: gaetano.paterno.77e-mail: [email protected]

Integrare i comandi vocali di Cortana

È possibile usufruire di integrazione Cortanaspecificando un file di comando vocale

Definition (VCD) nella pagina html. Il file VCD è un file xml che mappa i comandi in specifiche

frasi. Ad esempio, un utente potrebbe toccare il pulsante Start e dire "Contoso Libri, mostrare

best seller" sia per lanciare l'applicazione di Contoso Libri e per passare a una pagina "best

seller".

Page 11: Microsoft Azure for DreamSpark Academic Tour - 20/10/2015

Facebook: gaetano.paterno.77e-mail: [email protected]

Integrare i comandi vocali di Cortana

Quando si aggiunge un <meta> tag elemento che elenca il percorso del file VCD, Windows lo scarica automaticamente e registra il file di

definizione Comando vocale.

Ecco un esempio dell'uso del tag in una pagina html in una applicazione web ospitato:

html <meta name="msapplication-cortanavcd" content="http://contoso.com/vcd.xml"/>

Page 12: Microsoft Azure for DreamSpark Academic Tour - 20/10/2015

Facebook: gaetano.paterno.77e-mail: [email protected]

Web authentication broker

È possibile utilizzare il broker di autenticazione web per gestire il flusso di accesso per gli utenti, se si dispone di un provider di identità online che

utilizza protocolli di autenticazione e autorizzazione internet come OpenID e OAuth. È possibile specificare gli URI di inizio e fine in un <meta> tag in una pagina html nella tua app.

Windows rileva questi URI e li passa al broker di autenticazione web per completare il flusso di

login.

Page 13: Microsoft Azure for DreamSpark Academic Tour - 20/10/2015

Facebook: gaetano.paterno.77e-mail: [email protected]

Web authentication broker

L'inizio URI è costituito da l'indirizzo dove inviare la richiesta di autenticazione al proprio fornitore on-line con l'aggiunta di altre informazioni necessarie,

come ad esempio un ID applicazione, un redirect URI in cui l'utente viene inviato dopo aver completato

l'autenticazione, e il tipo di risposta previsto.

Esempio: html <meta name="ms-webauth-uris" content="https://<providerstartpoint>?client_id=<cli

entid>&response_type=token, https://<appendpoint>"/>

Page 14: Microsoft Azure for DreamSpark Academic Tour - 20/10/2015

Facebook: gaetano.paterno.77e-mail: [email protected]

Crea ora la tua applicazione

Creare unaBlank App Javascipt

- Lanciare Visual Studio 2015

- Cliccare su “File -> New Project” e sekezionare“JavaScript -> Windows -> Windows Universal -> BlankApp (Windows Universal)”

Page 15: Microsoft Azure for DreamSpark Academic Tour - 20/10/2015

Facebook: gaetano.paterno.77e-mail: [email protected]

Crea ora la tua applicazione

Cancellare i contenuti HTML/CSS/JS

- Poiché si tratta di una applicazione web in cui il contenuto viene servito da un server remoto, non saranno necessari la maggior parte dei file delle applicazioni locali che vengono forniti dal template JavaScript.

- Cancellare le risorse HTML, JS e CSS. Tutto ciò che serve per l’app è il package manifest (dove si configura la app) e le risorse images.

Page 16: Microsoft Azure for DreamSpark Academic Tour - 20/10/2015

Facebook: gaetano.paterno.77e-mail: [email protected]

Crea ora la tua applicazione

Impostare l’URL della pagina iniziale URL nel

package manifest

- Aprire il file package.appxmanifest

- Sotto la scheda Applicazione trovare il campo StartPage

- Sostituire "default.html" con http://codepen.io/seksenov/pen/wBbVyb/?editors=101

Page 17: Microsoft Azure for DreamSpark Academic Tour - 20/10/2015

Facebook: gaetano.paterno.77e-mail: [email protected]

Crea ora la tua applicazione

Definire i limiti della vostra Web App

- Nella scheda Content URIs definire le URL che compongono il web app.

- Aggiungere le URI:http://codepen.io/seksenov/pen/wBbVyb/?editors=101http: //*.codepen.io/

- Impostare il WinRT Access a ALL per entrambi gli URL

Page 18: Microsoft Azure for DreamSpark Academic Tour - 20/10/2015

Facebook: gaetano.paterno.77e-mail: [email protected]

Mail: [email protected]

Facebook: gaetano.paterno.77

Evaluation: http://aka.ms/msazuredreamsparkcatania