会写网页 就会写手机APP #2 范例修正 , Hybrid Mobile Apps for ASP.NET Developers (Apache Cordova)

原文出处:会写网页 就会写手机APP #2-- 范例修正 , Hybrid Mobile Apps for ASP.NET Developers (Apache Cordova)

这是我的文章备份  http://www.dotblogs.com.tw/mis2lab/archive/2015/05/11/aspnet_apache_cordova_vs2015.aspx

 

 


上一篇文章 http://www.dotblogs.com.tw/mis2lab/archive/2015/04/17/aspnet_apache_cordova.aspx

会写网页 就会写手机APP -- Hybrid Mobile Apps for ASP.NET Developers (Apache Cordova)

 会写网页 就会写手机APP #2 范例修正 , Hybrid Mobile Apps for ASP.NET Developers (Apache Cordova)

 

请您直接下载范例与PDF文章(介绍)

http://www.microsoft.com/en-us/download/details.aspx?id=46407&CR_CC=200619361

Hybrid Mobile Apps for ASP.NET Developers

 

(1).  官方网站提供的范例,无法在 VS 2015 RC版上运作

需要一些微调与修正

 

事实上,在VS 2015以前,您要安装这个工具,需要外挂、或是手动添加
(这种 Preview时期,对于我比较没有吸引力,我想等他正式版出来会比较OK)

在上个月底(2015/4月底)推出的VS 2015 RC版,这个套件已经变成「安装VS 2015」时可以选择一起安装进去的选项了

所以,装好就能用,不用外挂或是动手挂载

 

因为原厂提供的范例,可能是 VS 2013撰写的

(直接用 VS 2015 RC版开启这个范例,会直接报错)

项目的架构(目录结构)跟VS 2015 RC版的项目不一样

 

    下图为 VS 2015 RC版的 " Apache Cordova 专案"

    我先用空白项目来作,比较简洁

 会写网页 就会写手机APP #2 范例修正 , Hybrid Mobile Apps for ASP.NET Developers (Apache Cordova)

 

  我们先了解 Apache Cordova的项目架构(目录结构)以后,就能微调这个范例

    让他运作。

 会写网页 就会写手机APP #2 范例修正 , Hybrid Mobile Apps for ASP.NET Developers (Apache Cordova)

 

  • merges目录。Windows、iOS与Android平台的程序与各平台会用到的JavaScript函式库都放置于此。Android仅支持2.3(含)以上的版本。

支援的 Mobile OS列表:

  • Android 2.3.3 and later (4.4 provides the best developer experience)
  • iOS 6, 7, and 8
  • Windows 8 and 8.1
  • Windows Phone 8 and 8.1
  • res目录。各平台用到的图标、仿真器的启始画面等等,或是 相关配置文件。
  • scripts目录。给JavaScript、.js档案(各种.js函式库)使用 或是 应用程序会用到的函式库。
  • www目录。里面是我们程序(网页)的所在地。主要的检视画面为 index.html檔。
  • 根目录下面的config.xml文件,应用程序的设定值放于此档案内

 

 

    网页会用到的档案(如 css、.js文件)请放在 www目录底下。

    除此之外,请您放在项目的 "根目录"底下,例如:bld目录等等

    (在 VS 2015的 "方案总管"里面,没法看见所有目录。很多都被隐藏起来。  

        建议您到 Windows「档案总管」里面才能看清楚。.......这个步骤花了我很长的时间,但也逼迫我去了解里面:哪些档案用来作什么呢?)

 

 

(2).  完成之後,Andorid模擬器為何還是無法運作出成果??

    因為這個範例用到GPS定位系統

    請改用 Ripple模擬器來觀看成果。如下圖

 

    除了速度比較快以外(不用載入模擬器、開機等等,這時間很漫長),也能用到一些外掛功能。

 

会写网页 就会写手机APP #2 范例修正 , Hybrid Mobile Apps for ASP.NET Developers (Apache Cordova)

 

会写网页 就会写手机APP #2 范例修正 , Hybrid Mobile Apps for ASP.NET Developers (Apache Cordova)

 

 

最后要提醒您:

外挂(挂载)的GPS定位系统,不要自己动手去改 Config.xml配置文件

请您在 VS 2015的「方案总管」去点选、打开这个配置文件。

 

在设定画面中,选取、加入(有一个 [Add]按钮)

类似 NuGet幫我们安装一些外挂软件的方式,

用这方式来作比较好,不要自己动手改配置文件。

 

 

 

原文出处:会写网页 就会写手机APP #2-- 范例修正 , Hybrid Mobile Apps for ASP.NET Developers (Apache Cordova)

这是我的文章备份  http://www.dotblogs.com.tw/mis2lab/archive/2015/05/11/aspnet_apache_cordova_vs2015.aspx

更多相关文章
  •   您好,这篇文章是我的BLOG发出,原始出处在此: 会写网页 就会写手机APP -- Hybrid Mobile Apps for ASP.NET Developers http://www.dotblogs.com.tw/mis2lab/archive/2015/04/17/aspnet_apa
  • 


    		    手机 app 开发的几种方式 ionic 学习思路以及 ionic 新建的项目分析
    手机 app 开发的几种方式 ionic 学习思路以及 ionic 新建的项目分析 学习要点: 1. 目前开发手机 app 的几种方式 2. Ionic 学习思路简介 3. Ionic CSS 框架 4. ionic js 指令 路由 其他 ui 交互效果 5. ionic 命令行/CLI 安装 调 ...
  • 


    		    OSC手机App技术解析 集成新浪微博Android SDK
    使用 OSChina.NET Android版客户端的用户,应该知道我们的客户端只需要第一次登陆了新浪微博,以后都可以不用再登陆,直接一键分享,这样很方便用户. 由于新浪微博开放平台预计2012年9月份停止旧版接口和OAuth1.0的使用,此次我们的Android客户端v1.5.3已经更新并使用新版 ...
  • 在OSChina.NET手机客户端上显示资讯,最好的方案就是用 WebView 这样的控件来做了,因为以HTML在WebView上显示可以达到富文本 的显示风格而且也能解决GIF图片在几个手机平台上Image控件无法显示的问题. 但是我们都知道文章中很可能会带有各种链接,每当用户点击这些链接的时候, ...
  • Fiddler抓取安卓手机APP请求地址
    第一步:下载神器Fiddler,下载链接: http://fiddler2.com/get-fiddler 下载完成之后,傻瓜式的安装一下了! 第二步:设置Fiddler打开Fiddler,     Tools-> Fiddler Options (配置完后记得要重启Fiddler)选中&qu ...
  • Fiddler2 抓取手机APP数据包(转)
    Fiddler是一个调试代理,下载地址http://www.telerik.com/download/fiddler 下载安装运行后,查出运行机器的IP,手机连接同一网域内的WIFI,手机WIFI连接设置里的高级里,代理设置填写上Fiddler运行机器的IP,这样从手机访问的链接都会走Fiddler ...
  • windows下VC界面 DIY系列1写给想要写界面的C++程序猿的话
            非常早就想写关于C++ UI开发的一系列博文,博客专栏刚审核通过,就立即開始刷博文,不能辜负自己的一番热血,我并非写界面的高手,仅仅想通过写博文提高我自己的技术积累,也顺便幫助大家解决界面开发的瓶颈. 能来到这里看我写文章, 第一说明你是windows下开发的程序猿! 第二你对美丽软 ...
  • 


    		    OSC手机App技术解析 列表异步线程加载图片
    手机客户端以列表形式展示数据是非常常见的一种方式.然而列表中要显示图片(比如:头像)就要采用异步线程加载的方式,这样做是为了防止加载图片数据的时候,花费时间过长,阻塞UI线程,从而达到保持App的流畅性的目的. 下面我将分享 OSChina.NET Android版客户端的列表异步线程加载图片的方法 ...
一周排行
  • 


    		    Websphere Application Server 6.1安裝配置
    IBM Websphere Application Server(WAS) 序: 自打从学
  • <?php /* 郑重说明2015年6月11日4,目前为止MySQL Cluster 社区版不支持INNODB,商业版支持,但是授权价格20W左右,so看此文档之前,考虑下钱MyISAM支持,至于 ...
  • 随着企业应用系统的深入,实施虚拟化以及云成为了比较好的选择. 在实施虚拟化的过程中,p2v是比较关键的过程.由于需要对原有系统和应用进行迁移,而在此过程中常会伴有各种莫名的问题.在此总结以下几点,仅作记录: 1.首先
  • 简介 GCD(Grand Center Dispatch)是Apple为多核的并行运算提出的解决方案,纯C语言 更加适配多核处理器,且自动管理线程的生命周期,使用起来较为方便 GCD通过任务和队列实现多线程功能 任务
  • 02.XMemcached的使用
        关于XMemcached的介绍或文档请参考:https://code.google
  • Stanford CS1 Compilers PA2J notes
    [题记·碎碎念] 斯坦福这门Compilers原本放在Coursera上,当年错过档期很是 ...
  • 采购的RPLIDAR刚刚到货,先拆封,内部包括雷达主机.线缆.串口USB转接.USB线.   根据说明在此处下载驱动和SDK,雷达的数据实际是通过串口输出的,所以驱动只是针对串口USB转换芯片CP2102,解压以后S ...
  • 1. 添加更新源 deb http://all.repository.backtrack-linux.org revolution main microverse non-free testing deb [arch
  • ExtJs4之Grid詳細
    ExtJs博客前奏 由于这段时间事情比较杂乱,博客就主要以项目中例子来说明编写. ExtJ
  • CircleView.h的内容如下: #import <UIKit/UIKit.h> @interface CircleView : UIView @property (nonatomic, assign ...