16 Attachment(s)
Detailed Guide on How to create a Windows Store App with HTML5 exporter
There are a few ways to create a Windows App Store App, for x64,x86 and ARM.
There are a few things that you need in order to be successfully.
1a. MS VS 2013 Express. (The US Version = 4.3 gb. There is a 700 Mb version on the MS site, but that one is missing the Java App section)
(http://go.microsoft.com/?linkid=9832246&clcid=0x409)
This comes with the whole package, including for Windows Phone and Phone Testing App.
(vs2013.3_winexp_ret_ENU.iso)
1b. The Windows App Certification Kit is needed for testing your application. (You can test html5 and EXE/Setup files with it)
http://msdn.microsoft.com/en-us/libr.../hh694081.aspx for detailed information.
http://dev.windows.com/en-us/develop...tification-kit (The download page)
Once you installed all of this, then lets start with the fun part :)
In MF 2.5 Export your project as HTML5
Make SURE that the Output is set to UTF-8
Attachment 14098
1. Lets fire up MS VS 2013 and select new project, and under JavaScript select Store Apps --> Windows Apps --> Blank App.
Attachment 14099
2. Go to the folder, where you exported your HTML5 project in Fusion.
Attachment 14100
3. Highlight the folders and file, and Drag them ONTO the project name (JS -...... ) The one that is highlighted on the right side.
The files and folders are now copied into the project.
4. Now bring up the PACKAGE.APPXMANIFEST file
Attachment 14101
And fill out the basic information.
- Display name
CHANGE the Start page, to the newly copied html page (index.html)
5. Since the HTML5 Exporter does not export to UTF-8 with signature, we have to manually save 2 files again
- index.html
- runtime.js
For both you need open the file, and then select File--->Save As
Then on the Save screen, click on the dropdown box to change the Save type
Attachment 14102
Make SURE it says UTF-8 With Signature!
6. Under the Packaging Tab you can fill out the Version number, and other info.
Attachment 14103
7. There is a Visual Tab, which we are skipping for now.
Attachment 14104
8. Now we are going to create the package.
Go to STORE and select Create App Package
Attachment 14105
9. Select No since we Don't want to upload yet.
If you select Yes, you need to have a Windows Dev Account for uploading apps to the Windows Store.
Attachment 14106
10. The next step is to select for what Platform you want the App for
Just select all of them, and make SURE that you select "RELEASE" and not the "DEBUG" version
Attachment 14107
11. Select Local Machine for testing
Attachment 14108
And select "Launch Windows App Cert. Kit"
12. Once The Kit App launches, leave everything default and hit Next
Attachment 14109
13. Oh oohhh.... The Test failed.
Attachment 14110
The reason why it failed is this
Attachment 14111
Windows have some default icons, which are blank, so they need to be replaced.
(This is Step 7, which we skipped for now, since there are a LOT of images you can do)
14. I only changed the default images, which have a filename in the folder box, right above the images.
Attachment 14112
So replace the 4 images, with the new ones, and make sure the Sizes are correct.
(I will be developing a small tool, that creates all the different sizes of images later on)
15. Repeat Step 8 - 12 and this will be the result.
Attachment 14113
Congratulations!!!
You just made your 1st Windows 8.x App for the Tablet and/or Phone.
Now you can upload it to the Store, and make big $$$.
Please contact me for my Paypal, so I can get a percentage :)
Good luck with it, and if you have any questions, don't hesitate to contact me, or drop a message here.
