使用IC框架開發跨平臺App的備忘錄123

石橋碼農發表於2015-07-09

1,關於圖示與啟動螢幕

icon.png 192x192
splash.png 2208x2208

將這兩個圖片放在resources目錄下,在終端執行:
ionic resources --iocn --splash

2,釋出Android版本 

cordova build --release android -- --ant
jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore my-release-key.keystore ./platforms/android/bin/MainActivity-release-unsigned.apk alias_name
rm ./fengkong.apk
/work/apps/android-sdk-macosx/build-tools/22.0.1/zipalign -v 4 ./platforms/android/bin/MainActivity-release-unsigned.apk ./fengkong.apk

生成簽名檔案my-release-key.keystore的命令:
keytool -genkey -v -keystore my-release-key.keystore -alias alias_name -keyalg RSA -keysize 2048 -validity 10000

注:zipalign位於具體的API版本下。
 
3,釋出iOS版本 

使用xcode開啟專案編譯、釋出。

4,關於跨域的處理

使用ionic serve --lab啟動除錯,可能會遇到跨域的安全問題。
在server nginx配置檔案內新增:

location / {
add_header 'Access-Control-Allow-Origin' '*';
add_header 'Access-Control-Allow-Credentials' 'true';
add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
proxy_pass http://127.0.0.1:9000;
}
      啟動Chrome:

 

    open /Applications/Google\ Chrome.app/ --args --disable-web-security  

 5,Service的寫法

angular.module('starter.services', [])

.factory('Consts', function() {
// Might use a resource here that returns a JSON array
return {
version: function() {
//同時修改config,package中的version
            return 3.23;
    }
};

});
 
6,一個$http get請求

$http.get(url)
    .success(function(data, status, headers,config){
        console.log('data success');
        console.log(data); // object seems fine
    })
    .error(function(data, status, headers,config){
        console.log('data error',data);
    })
    .then(function(result){
    });


7,確定彈窗

var confirmPopup = $ionicPopup.confirm({
title: '提示',
template: '發現了新版本,單擊確定立即前往更新'
});
confirmPopup.then(function(res) {
if(res) {
if ( ionic.Platform.isIOS() ){
var iosUpdateUrl = "https://fir.im/37ew";
window.open(iosUpdateUrl,"_system","");
}else if( ionic.Platform.isAndroid() ){
var androidUpdateUrl = "https://fir.im/jca9";
window.open(androidUpdateUrl,"_system","");
}
} else {
console.log('You are not sure');
}
}); 

8,提示

$ionicPopup.alert({

title: '提示',
template: '未發現新版本'
});

       

相關文章