小叮噹～隨手記: 1月 2017

2017年1月16日星期一

專案安裝 jquery.mobile

先要建立一個專案
工具－＞NuGet 封裝管理員－＞管理方案NuGet的套件
搜尋：jquery.mobile
勾選專案，移到下面的安裝按鈕，點下去

因為 jquery.mobile 安裝後預設的路徑不能使用，因為 Cordova 預設的路徑是 www ，所以必須把 jquery.mobile 複製到 www目錄裡。
只要複製
<Content>裡的 jquery.mobile-1.4.5.min.css －＞放到 www/css 裡就可以了
<Scripts>裡的 jquery-1.8.0.js、jquery.mobile-1.4.5.min.js －＞放到 www/Scripts 裡就可以了

最後在<index.html>中的<head>標籤含入 jquery.mobile 模組，就可以在Cordova 應用程式裡使用 jquery.mobile 了。

使用者的專案樣本檔是放在
C:\Users\使用者\OneDrive\文件\Visual Studio 2015\Templates\ProjectTemplates\JavaScript
把 jquerymobile.zip 放在這裡，新增時就可以選擇了。

建立新專案時，選 JavaScripts －＞ Jquery Mobile (Apache Cordova)

第一個 Cordova App 中文字居然是亂碼？

剛安裝完 visual studio 2015 (選自訂，選全部)

修改新建專案預設路徑
工具－＞選項－＞專案和方案－＞專案位置，修改成：C:\Visual Studio 2015\Projects(可以自訂，但不能有中文字)

新增一個 Cordova 專案
檔案－＞新增－＞專案－＞JavaScript－＞Apache Cordova Apps－＞空白應用程式

變更檔案編輯的預設編輯程式
在方案總管裡面，找到index.html
按滑鼠右鍵－＞開啟方式－＞含編碼的 HTML (Web Form) 編輯器 (設成預設)
讀取時編碼選自動
接著右下角文件－＞Charset－＞改成 UTF-8
接下來按上方存檔就可以了。

2017年1月11日星期三

[ionic] cordovaPush GCM 推播範例

安裝 PushPlugin
cordova plugin add https://github.com/phonegap-build/PushPlugin.git

app.js

angular.module('app', ['ionic','ngCordova'])

.run(function($ionicPlatform,$cordovaPush,$rootScope) {
$ionicPlatform.ready(function() {
// Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
// for form inputs)
if(window.cordova && window.cordova.plugins.Keyboard) {
cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
}
if(window.StatusBar) {
// org.apache.cordova.statusbar required
StatusBar.styleDefault();
}

var androidConfig = {
"senderID": "XXXXXXXXXX",
};

$cordovaPush.register(androidConfig).then(function(result) {
//alert(result);
}, function(err) {
alert(err);
})
});

$rootScope.$on('$cordovaPush:notificationReceived', function(event, notification) {
switch(notification.event) {
case 'registered':
if (notification.regid.length > 0 ) {
alert('registration ID = ' + notification.regid);
console.log('registration ID = ' + notification.regid);
}
break;
case 'message':
alert(JSON.stringify(notification));

break;
default:
alert('An unknown GCM event has occurred:'+notification.event);
break;
}
});
})

資料來源：http://aimojay.blogspot.tw/2016/02/ionic-cordovapush-gcm.html

2017年1月16日 星期一

專案安裝 jquery.mobile

第一個 Cordova App 中文字居然是亂碼？

2017年1月11日 星期三

[ionic] cordovaPush GCM 推播 範例

[ionic] cordovaPush GCM 推播 範例

cas server 一直圈圈或取得狀態異常

2017年1月16日星期一

2017年1月11日星期三

[ionic] cordovaPush GCM 推播範例

[ionic] cordovaPush GCM 推播範例