multi-device hybrid apps con visual studio e apache cordova
DESCRIPTION
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? ...TRANSCRIPT
Andrea Dottor – Microsoft MVP ASP.NET/IIS
Multi-Device Hybrid Apps con Visual Studio e
Apache Cordova
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
Sviluppo applicazioni Multi-Device
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
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
Visual Studio tools for Apache Cordova™
Black Box
Installazione dei software di terze parti richiesti
Installazione di tutte le installazioni di Visual
Studio necessarie al funzionamento dei tools
Procedura step-by-step
Installazione semplificata
2 nuovi template di progetto JavaScript
TypeScript
Sample disponibili AngularJS
Backbone
+ Underscore
+ jQuery
WinJS (base.js + ui.js)
Creazione di un nuovo progetto
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
Manage Device Capabilities
E' ancora più semplice collegarsi con i Microsoft
services.
Connecting your app with 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
Build 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
Build & Run
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)
Debug & Diagnose
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
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
Publish & Manage
aka.ms/vscordova
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
Conclusioni
feedback
10
Email: [email protected]
Website: http://www.dottor.net
Blog: http://blog.dottor.net
Twitter: http://twitter.com/dottor
Contatti