Building Apache Cordova Apps with Visual Studio

Sign in to queue

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

Download

Download this episode

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
    Deactivated User

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

     

Add Your 2 Cents