Windows Phone App Development With Cordova
The goal of this tutorial is to help you get started with Windows app development using Cordova.
Cordova enables you to use web technologies to create an app that can run on multiple platforms. Traditionally, if you wanted to make an app for a certain platform, you would be required to use the programming language native to that platform. For example, you would use Java for Android, C# for Windows Phone, Obective-C for iOS, etc. Cordova gives you the potential to create an app that works on multiple platforms without having to re-write code for each platform.
Upgrade to Windows 8 Professional
Windows 8/8.1 Professional is required to run the Windows Phone 8 emulator. I also had trouble building/compiling projects while using non-professional Windows 8, so if you have this problem, then upgrading to Professional may help. Here is how I upgraded from Windows 8 to Windows 8 Professional:
- Open Search. Type in add features. Click the first result.
- You should then see the Add features window. Here, you can choose to purchase a Windows 8 Pro Product Key if you don’t have one yet.
- Assuming you now have a Windows 8 Pro Product Key, enter it in the next screen.
- Follow the onscreen directions to guide you through the remainder of the process.
Install Windows Phone SDK and Updates
- Download and install the latest version of the Windows Phone SDK here.
- After installation, open Visual Studio For Windows Phone and install updates.
- Node.js is required for Cordova. Download and install from here.
- Verify your Node.js installation by opening a command window and entering the following command. If installation was successful, you should see the Node.js version number returned.
- If the previous step didn’t work, check your environment variables and make sure the Node.js path is included in the Path variable. I installed the 32-bit version of Node.js, so change your path according to the version you installed.
- Open a command window and enter the following.
- After installation is complete, verify by entering the following. If installation was successful, you should see the Cordova version number returned.
- If the previous step didn’t work, check your environment variables and make sure the Cordova path is included in the Path variable. For me, I had to add the path C:\Users\YOUR_USER_NAME\AppData\Roaming\npm\node_modules\cordova\bin. Replace YOUR_USER_NAME with your user name.
Creating a Windows Phone 8 App with Cordova
- After you have everything properly installed and set up, you may proceed with creating an app.
- I’m going to quickly go through the next steps with screenshots. If you would like more detail, go here.
- Eventually, you should see your app running on the emulator.
I hope you found this tutorial helpful. I plan to follow up with more tutorials related to development with Cordova and web technologies for Windows Phone.
- Inspirational Quotes About Computer Programming 124 views
- Feeling Blue? Why The Most Popular Websites Are Blue 16 views
- JsFiddle Tips And Tricks 7 views
- Deploying a Java application to Windows Azure with Command-line Ant 5 views
- Creating PHP CRUD Apps with SQL Server on your Server or in the Azure Cloud 5 views