meetup 2013.01.17
TRANSCRIPT
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