2016年马上就要过去了，回首在公司的一年中，工作遇到了不少坑，也学到了不少新知识，至少对于我来说是新知识_，特此腾出时间记录一下，程序员、语死早，一些话表达不清楚只能靠代码和截图了，见谅见谅。
本篇博文，分三个篇幅：PHP、Ionic、AngularJs。都是在工作项目中接触到的，还有nodejs，但是接触时间比较短，还是先多学学。
二、Ionic
Ionic既是一个CSS框架也是一个Javascript UI库。许多组件需要Javascript才能产生神奇的效果，尽管通常组件不需要编码，通过框架扩展可以很容易地使用，比如我们的AngularIonic扩展。
Ionic遵循视图控制模式，通俗的理解和 Cocoa 触摸框架相似。在视图控制模式中，我们将界面的不同部分分为子视图或包含其他视图的子视图控制器。然后视图控制器“驱动”内部视图来提供交互和UI功能。一个很好的例子就是标签栏（Tab Bar）视图控制器处理点击标签栏在一系列可视化面板间切换。
ionic整合极光推送插件
APP一般都需要用到消息推送，公司当初选择了极光推送，还行，到达率和准确率都不错，而且免费…
首先是插件安装
Git地址 https://github.com/jpush/jpush-phonegap-plugin.git
安装步骤git上都有就不重复说明了(别打脸_)
然后是JS部分的代码
//极光推送初始化
var _init = function () {
//启动极光推送服务
window.plugins.jPushPlugin.init();
//调试模式
window.plugins.jPushPlugin.setDebugMode(true);
//点击通知栏触发
document.addEventListener("jpush.openNotification", function (event) {
var alertContent;
if (device.platform == "Android") {
alertContent = window.plugins.jPushPlugin.openNotification.alert;
var data = window.plugins.jPushPlugin.openNotification;
//业务代码
} else {
alertContent = event.aps.alert;
//业务代码
// alert("openNotification:" + alertContent);
}
}, false);
//应用内触发
document.addEventListener("jpush.receiveNotification", function (event) {
var alertContent;
if (device.platform == "Android") {
alertContent = window.plugins.jPushPlugin.receiveNotification.alert;
var data = window.plugins.jPushPlugin.openNotification;
//业务代码
} else {
alertContent = event.aps.alert;
//业务代码
// alert("receiveNotification:" + alertContent);
}
}, false);
//应用内消息
document.addEventListener("jpush.receiveMessage", function (event) {
var alertContent;
if (device.platform == "Android") {
alertContent = window.plugins.jPushPlugin.receiveMessage.message;
} else {
alertContent = event.content;
var confirmPopup = $ionicPopup.confirm({
title: '您有新的消息',
template: alertContent, //从服务端获取更新的内容
cancelText: '取消',
okText: '查看'
});
confirmPopup.then(function (res) {
if(res){
//业务代码
}
})
}
// alert("receiveMessage:" + alertContent);
}, false);
//获取极光推送的id,记得弄个定时器延迟1-2秒获取，这是个坑
$timeout(function () {
window.plugins.jPushPlugin.getRegistrationID(function (id) {
alert(id);
});
}, 4000);
};
//启动极光推送
_init();
关于统计代码报错
如果遇到统计方面的报错，可以修改插件内的一个文件，据说生产环境不修改也不会有影响，没有去测试
文件名和参考路径:
D:\App\platforms\android\src\com\csm\mallappMainActivity.java
修改为(不懂java,捂脸)：
package com.csm.mallapp;
import android.os.Bundle;
import org.apache.cordova.*;
//引入
import cn.jpush.android.api.JPushInterface;
public class MainActivity extends CordovaActivity
{
@Override
public void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
// Set by <content src="index.html" /> in config.xml
loadUrl(launchUrl);
}
//主要是加上以下代码
@Override
protected void onResume(){
super.onResume();
JPushInterface.onResume(this);
}
@Override
protected void onPause(){
super.onPause();
JPushInterface.onPause(this);
}
}
最后分享同时记录一下关于ionic热更新
APP上线发布以后，如果www文件夹下的HTML、CSS、JS代码发生了改变，可以使用cordova-hot-code-push这个插件进行热更新，不需要重新发布新版本
Git地址 https://github.com/nordnet/cordova-hot-code-push
具体还可以参考以下两个博文
ionic热更新插件cordova-hot-code-push的使用
ionic cordova热更新
