会写网页就会写手机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/mis2000lab/archive/2015/05/11/aspnet_apache_cordova_vs2015.aspx

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

会写网页就会写手机APP -- 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 专案"

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

我们先了解 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模擬器來觀看成果。如下圖

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

最后要提醒您：

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

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

在设定画面中，选取、加入（有一个 [Add]按钮）

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

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

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

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