Building Apache Cordova Apps with Visual Studio

Download this episode

Download Video

Description

Build Apache Codova apps using Visual Studio that run on iOS, Android, Windows and Windows Phone using a single project based on HTML and JavaScript.

This video gets you started with a short overview of our tooling and features.

For more information visit: Visual Studio Tools for Apache Cordova on VisualStudio.com

Embed

Format

Available formats for this video:

Actual format may change based on video formats available and browser capability.

    The Discussion

    • User profile image
      KelvinRodri

      Hello!

      Can I use the Cordova extension with Visual Studio Community?

    • User profile image
      Krzysztof Osowicki

      Sure Kelvin :)
      http://www.visualstudio.com/en-us/explore/cordova-vs.aspx

    • User profile image
      nitesh1219

      Hi,

       

      can i lock the orientation of the html page. i have change the orientation to portrait in config.xml but when i run the app and rotate the screen to landscape the page is also moving to landscape.

      currently i am building the app for windows phone and using visual studio 2013 , installed tools for visual studio from here(http://www.microsoft.com/en-us/download/details.aspx?id=42675). Also i have been looking for mainpage.xaml which was earlier with phonegap and there we can fix the orientation of page itself in which the webview was loaded.

      but here i didnt find any mainpage.xaml .

      please guide to fix this.

       

      Thanks,

      Nitesh

    • User profile image
      SPDoctor

      You need to modify the native app manifest as described in this article: https://msdn.microsoft.com/en-us/magazine/dn879349.aspx

    • User profile image
      Kdx

      How can i include images when i publish as apk file?

    • User profile image
      Don

      Dude, stop drinking during your videos! No one wants to hear you sipping a drink over your mic!

    • User profile image
      Obi

      Haha Don that's rude. Kirupa is good jor

    • User profile image
      Kalyani

      When i try to create a new project using cordova i'm getting one or more error occured. why is it so? i'm using VS 2013 ultimate. I'm able to create other projects.

    • User profile image
      PeterNL

      Do take care of your thirst beforehand. So you know at least to show some decency to your watchers.

    • User profile image
      eeadev

      how can I play a video from the isolated storage in my html video tag.
      Considering that the path of the video is path="/VideoCache/Video-123.mp4" shall I antepone anything to the path string before setting my video source tag?
      for instance doing this:

      document.querySelector("#video1 > source").src = path;
      where video1 is a video tag

    • User profile image
      brunocassol

      Very nice! Thanks for the video! Good intro to Apache Cordova.

    • User profile image
      Chaudhry Mohsin Ali

      I think you should drink whatever you are drinking after you are done with the video. It is really irritating.

    • User profile image
      mohohlo

      ok...that sipping is annoying...really annoying

    • User profile image
      ManJam

      I had to stop watching this video. Listening to him drinking water was so annoying, made me feel like he was making out with his *.

    • User profile image
      Ravi kaushik

      hello,
      How to install cordova in vISUAL STUDIO 2013

    • User profile image
      Raj

      When i am trying to connect IOS Mac remote agent with Host,Port and security Pin from visual studio 2013 cordova application i am getting below error

      An error occurred trying to acquire certificate from https://--Ip Address---


      what will be the issue how to slove this...?

    • User profile image
      Mayur

      Hello,

      My question could be wrong but I need to ask because of requirements.
      Can I use apache cordova to create mobile app using Visual Studio 2012 express edition?
      and is phonegap and apache cordova are same or different?

      Please Please Please Please Please reply as soon as possible I am waiting from all the community but no one reply for this question yet.

    • User profile image
      Mehul

      Hi,

      can i access mobile default sharing option in cordova android apps?
      is there any plugin for that?

    • User profile image
      Ian

      @Mayur,

      Forget the express and download VS 2015 Community!
      It's the full thing and free.

      Great for VS and windows apps and the developer community as a whole.

    • User profile image
      Arthur

      First of all i would like to thank you for your this tutorial I’ve already finished my project, and now i want to publish it, but i don't know how to create the package so i can upload it to a store. How can i create the package, sign it and align it for the upload? Can i do this with Visual Studio or i need 3rd party software for it? Thanks

    • User profile image
      Aimhi

      Hi, I keep getting the error any time build "cmd: command failed with exit code 1", please can someone help me out.

    • User profile image
      alexander

      Hello I have this error

      1>------ Operación Compilar iniciada: proyecto: BlankCordovaApp2, configuración: Debug Android ------
      1> Your environment has been set up for using Node.js 5.1.0 (x64) and npm.
      1> ------ Garantizando la instalación global correcta del paquete desde el directorio del paquete de origen: C:\Program Files (x86)\Microsoft Visual Studio 14.0\Common7\IDE\Extensions\ApacheCordovaTools\packages\vs-tac
      1> ------ Nombre del origen package.json: vs-tac
      1> ------ Versión del origen package.json: 1.0.16
      1> ------ Paquete no instalado de forma global actualmente.
      1> ------ Instalando globalmente desde el paquete de origen. Puede tardar unos minutos...
      1> Each package is licensed to you by its owner. Microsoft is not responsible for, nor does it grant any licenses to, third-party packages. Some packages may include dependencies which are governed by additional licenses. Follow the package source (feed) URL to determine any dependencies.
      1> npm WARN engine npm@1.3.4: wanted: {"node":">=0.6","npm":"1"} (current: {"node":"5.1.0","npm":"3.3.12"})
      1> npm WARN install:rimraf@2.2.0 ENOENT: no such file or directory, chmod 'C:\Users\alexander.cuartas\AppData\Roaming\npm\node_modules\vs-tac\node_modules\cordova-lib\node_modules\npm\node_modules\rimraf\bin.js'
      1> npm WARN install:rimraf@2.2.0 ENOENT: no such file or directory, chmod 'C:\Users\alexander.cuartas\AppData\Roaming\npm\node_modules\vs-tac\node_modules\npm\node_modules\rimraf\bin.js'
      1> > edge@0.10.1 install C:\Users\alexander.cuartas\AppData\Roaming\npm\node_modules\vs-tac\node_modules\edge
      1> > node tools/install.js
      1> ***************************************
      1> [Error: The edge module has not been pre-compiled for node.js version v5.1.0. You must build a custom version of edge.node. Please refer to https://github.com/tjanczuk/edge for building instructions.]
      1> ***************************************
      1> Success: platform check for edge.js: node.js x64 v5.1.0
      1> C:\Users\alexander.cuartas\AppData\Roaming\npm
      1> └── (empty)
      1> npm WARN EBUNDLEOVERRIDE Replacing bundled node_modules\vs-tac\node_modules\npm\node_modules\cmd-shim with new installed version
      1> npm WARN EBUNDLEOVERRIDE Replacing bundled node_modules\vs-tac\node_modules\npm\node_modules\read-installed with new installed version
      1> npm WARN EBUNDLEOVERRIDE Replacing bundled node_modules\vs-tac\node_modules\npm\node_modules\read-package-json with new installed version
      1> npm WARN EBUNDLEOVERRIDE Replacing bundled node_modules\vs-tac\node_modules\npm\node_modules\rimraf with new installed version
      1> npm WARN EBUNDLEOVERRIDE Replacing bundled node_modules\vs-tac\node_modules\npm\node_modules\sha with new installed version
      1> npm WARN EBUNDLEOVERRIDE Replacing bundled node_modules\vs-tac\node_modules\cordova-lib\node_modules\npm\node_modules\cmd-shim with new installed version
      1> npm WARN EBUNDLEOVERRIDE Replacing bundled node_modules\vs-tac\node_modules\cordova-lib\node_modules\npm\node_modules\read-installed with new installed version
      1> npm WARN EBUNDLEOVERRIDE Replacing bundled node_modules\vs-tac\node_modules\cordova-lib\node_modules\npm\node_modules\read-package-json with new installed version
      1> npm WARN EBUNDLEOVERRIDE Replacing bundled node_modules\vs-tac\node_modules\cordova-lib\node_modules\npm\node_modules\rimraf with new installed version
      1> npm WARN EBUNDLEOVERRIDE Replacing bundled node_modules\vs-tac\node_modules\cordova-lib\node_modules\npm\node_modules\sha with new installed version
      1> npm ERR! code 1
      1> ------ Error durante la instalación npm. Código de salida: 1

    • User profile image
      kareem

      good day ...

      can i have cordova for visual studio 2013 update 5 offline install ?

      thanks

    • User profile image
      Dari

      Couldn't watch this to the end. Very iritating.

    • User profile image
      Paulo​Oliveira

      Was a great idea of microsoft make this fast video, showing how to implement a simple app with the Apache Cordova in visual studio.

       

    Comments closed

    Comments have been closed since this content was published more than 30 days ago, but if you'd like to continue the conversation, please create a new thread in our Forums, or Contact Us and let us know.