網頁

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 推播 範例

[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