2. Who am I?
Andrew Smith
appMobi Developer Evangelist
Web Development
@profMobi
3. What steps are necessary to build for
Windows 8 and Windows Phone 8?
4. Demonstrations
• Windows 8 Store
• Windows Phone 8
I’ll make the demo app
available to you following this
presentation
5. Create a new Visual Studio 2012 Project
• Create a new Windows
Store project
6. Get a template from NuGet
• Go to NuGet and grab the
an appropriate project
template
7. Load the template
• Load the template through
the Package Manager
Window
8. Edit app.xaml.cs
• For Windows 8 Store
applications, make sure to
edit the
rootFrame.navigate
command to use the
appMobi browser object
9. Download the application bundle
• Get the application bundle
o Through the XDK
o Downloading it from appHub
10. Add 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
11. Create a new Visual Studio 2012 Project
• Create a new Windows
Phone 8 project
12. Get a template from NuGet
• Go to NuGet and grab the
an appropriate project
template
13. Load the template
• Load the template through
the Package Manager
Window
14. Edit the WMAppManifest.xml file
• For Windows Phone 8
applications, edit the
WMAppManifest.xml file to
point to AppMobiPage.xaml
instead of MainPage.xaml
15. Download the application bundle
• Get the application bundle
o Through the XDK
o Downloading it from appHub
16. Add 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
17. Reference your bundle’s files
• For Windows Phone 8
applications, edit the
AppMobiWebSource.xml
file to include a reference
to all assets that are
necessary from the bundle
18. Build and test
• Build the application and
then submit to the
appropriate app store
19. More Information
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
20. Find more information at:
http://www.appmobi.com/documentation
Find out where here I’ll be next:
@profMobi