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: andrea@dottor.net

Website: http://www.dottor.net

Blog: http://blog.dottor.net

Twitter: http://twitter.com/dottor

Contatti