MIS2000 Lab. is MVP 2008-2017/7/1 for ASP/ASP.NET.會寫網頁 就會寫手機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會寫網頁 就會寫手機APP -- Hybrid Mobile Apps for ASP.NET Developers (Apache Cordova)
請您直接下載範例與PDF文章（介紹）
Hybrid Mobile Apps for ASP.NET Developers
(1). 官方網站提供的範例，無法在 VS 2015 RC版上運作
需要一些微調與修正
事實上，在VS 2015以前，您要安裝這個工具，需要外掛、或是手動添加
（這種 Preview時期，對於我比較沒有吸引力，我想等他正式版出來會比較OK）
（這種 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幫我們安裝一些外掛軟體的方式，
用這方式來作比較好，不要自己動手改設定檔。
因為範例檔太大了，BLOG擺不下，您可以自己試試看。
原文出處：
沒有留言:
張貼留言