工作一年的三两事(二)

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热更新