1/18/2013 1

Building Win 8 and WP8 Apps

Using appMobi

Who am I?

Andrew Smith

appMobi Developer Evangelist

Web Development

@profMobi

What steps are necessary to build for

Windows 8 and Windows Phone 8?

• Windows 8 Store

• Windows Phone 8

I’ll make the demo app

available to you following this

presentation

Demonstrations

• Create a new Windows

Store project

Create a new Visual Studio 2012 Project

• Go to NuGet and grab the

an appropriate project

template

Get a template from NuGet

• Load the template through

the Package Manager

Window

Load the template

• For Windows 8 Store

applications, make sure to

edit the

rootFrame.navigate

command to use the

appMobi browser object

Edit app.xaml.cs

• Get the application bundleo Through the XDK

o Downloading it from appHub

Download the application bundle

• Copy the application bundle

into the HTML directory of

the project, making sure to

leave the _appMobi

directory intact

• Edit index.html and change

the reference to

appmobi.js to the

_appMobi directory

Add the application bundle

• Create a new Windows

Phone 8 project

Create a new Visual Studio 2012 Project

• Go to NuGet and grab the

an appropriate project

template

Get a template from NuGet

• Load the template through

the Package Manager

Window

Load the template

• For Windows Phone 8

applications, edit the

WMAppManifest.xml file to

point to AppMobiPage.xaml

instead of MainPage.xaml

Edit the WMAppManifest.xml file

• Get the application bundleo Through the XDK

o Downloading it from appHub

Download the application bundle

• Copy the application bundle

into the HTML directory of

the project, making sure to

leave the _appMobi

directory intact

• Edit index.html and change

the reference to

appmobi.js to the

_appMobi directory

Add the application bundle

• For Windows Phone 8

applications, edit the

AppMobiWebSource.xml

file to include a reference

to all assets that are

necessary from the bundle

Reference your bundle’s files

• Build the application and

then submit to the

appropriate app store

Build and test

For video demonstrations of this process, find these videos on

YouTube.

• How to use Visual Studio and appMobi to port your hybrid

HTML5 app to Windows 8

• How To Create Windows Phone 8 apps

• How to do on-device testing with Windows Phone 8

• http://www.youtube.com/watch?v=x8eMev43Q3g

• http://www.youtube.com/watch?v=L_tz3juWzTk

• http://www.youtube.com/watch?v=0bgqeiD5jpY

More Information

Find more information at:

http://www.appmobi.com/documentation

Find out where here I’ll be next:

@profMobi

1/18/2013 21