Sfrutta le tue abilità come sviluppatore web per creare app mobile per Windows Phone, iOS ed Android utilizzando una unica code-base (composta da codice HTML, CSS e JavaScript) e lavora direttamente in Visual Studio. Questo è ora possibile grazie all'estensione "Multi-Device Hybrid Apps for Visual Studio" ed all'uso di Apache Cordova. Un unico IDE ed un singolo progetto per sviluppare per le più diffuse piattaforme mobile. In questa sessione scopriremo i vantaggi di questa combinazione e daremo risposta ad alcune domande: Quali vantaggi abbiamo dall'utilizzare Visual Studio? Perchè e quando sviluppare un'app ibrida? ...

1. Multi-Device Hybrid Apps con Visual Studio e
Apache Cordova
Andrea Dottor – Microsoft MVP ASP.NET/IIS

2. Sviluppo applicazioni Multi-Device
 Esistono varie soluzioni per sviluppare
app Multi-Device
 Xamarin
 Cordova
 Web app
 …
 Ogni tecnologia ha i suoi pro e contro
 Costi
 Target
 Performance
 Conoscenze richieste

3. Apache Cordova™
 Offre una serie di API che danno
accesso nativo al device
 Camera, accelerometro
 Queste API sono richiamabili tramite
plug-in da codice JavaScript
 Uso JavaScript non codice nativo
 Non si usa Objectice-c, C#, etc.
 Uso librerie JavaScript per la UI
 jQuery, AngularJS, WinJS, etc.
 Numerosi plug-in
 In-App purchase, sharing

4. Visual Studio tools for Apache Cordova™
 Hybrid-HTML apps
 Natural path for web developers targeting devices
 Shortest path for cross-platform mobile
 Especially relevant for Enterprise B2E scenarios
 New Cordova tooling
in Visual Studio
 Productivity of Visual Studio
for hybrid apps
 Scale to complex Enterprise apps
through optional TypeScript support
 End-to-end development workflow included
 Flexibility to use any JavaScript framework
Black Box

5. Installazione semplificata
 Installazione dei software di terze parti richiesti
 Installazione di tutte le installazioni di Visual
Studio necessarie al funzionamento dei tools
 Procedura step-by-step

6. Creazione di un nuovo progetto
 2 nuovi template di progetto
 JavaScript
 TypeScript
 Sample disponibili
 AngularJS
 Backbone
+ Underscore
+ jQuery
 WinJS (base.js + ui.js)

7. Manage Device Capabilities
 Editor grafico per la configurazione del progetto
 Simile all'editor dei Windows App Manifest , fornisce accesso
a tutti i settings di Cordova
 Aggiornamento manuale dei
plugins da plugins.cordova.io
 Verifica anche delle dipendenze
(e delle loro version)
 Possibilità di aggiungere custom
plug-in

8. Connecting your app with Services
 E' ancora più semplice collegarsi con i Microsoft
services.
Add a service
to your app in
Visual Studio
Configure
your service
settings
Write code to
use the
service
Office 365
Exchange &
Files
Azure Mobile Services
Auth, Data, & Push
Application Insights
Analytics
Azure Active Directory
Authentication

9.  Build
Build & Run
 Uses Cordova CLI
 Custom build process to optimize for iterative loop
 Remote build to in-network OSX
 Launch remote build agent
 Initiate deployment to iOS simulator

10. Debug & Diagnose
 Same great Visual Studio debug experience
 Breakpoints, DOM Inspection, Just-my-code
 Call-stacks, Locals, Watch
 TypeScript Source Mapping
 But now with
additional targets
 Debug against Simulator,
Emulator, Device targets
 (Windows & Android 4.4+
for best experience)

11. Device or operating
system
Visual Studio debugger
supported?
Console messages
supported?
Workaround
Android 4.4 Yes Yes -
Android versions before
4.4
No (see information
about jsHybugger later
in this article)
Yes -
iOS 6 and 7 No No See Debug iOS in Safari later
in this article.
Windows 8 (Store) Yes Yes -
Windows Phone 8 No No (use the Console
plugin)
Use Web Inspector Remote
(weinre) or the Console
plugin. See Debug Windows
8 and Windows Phone 8
Windows Server 2012 R2 Yes Yes To run the app on Windows
Server 2012 R2, you must
enable theDesktop
Experience option.
Debug & Diagnose

12. Publish & Manage
 Deploy via Windows Intune
 Manage distribution & version updates
 Deploy via iTunes for local iOS device
 Monitor via
Application Insights
 Built in data points
optimized for mobile apps
 Support for custom events

13. aka.ms/vscordova

14. Conclusioni
 Non tutte e app possono essere
portate/sviluppate su Cordova
 Attenzione ai framework JavaScript e CSS che
utilizzate
 L'app gira all'interno di una WebView
 Riuso completo di tutte le conoscenze web
 Tempi di sviluppo ridotti
 Stesso codice per tutte le piattaforme
 Solo HTML+CSS+JavaScript

15. feedback
10
Email: andrea@dottor.net
Website: http://www.dottor.net
Blog: http://blog.dottor.net
Twitter: http://twitter.com/dottor
Contatti