微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦！

离子页面过渡不适用于具有推送功能的页面

分类：Cordova作者：编程之家原文地址AI导航网

我在应用程序中实现了android push接收,只要应用程序从该页面开始,它就可以很好地工作.但是,如果您导航到实现了推送通知的收件箱页面,则过渡将不起作用.

如果没有推送实施,过渡效果很好.

我想知道是否有人在实现功能时遇到了类似的问题.

.controller('BuzonMenuCtrl', function($scope, $window, $state, $ionicPlatform) {
  $scope.botonBuzon = function(){
    $state.go('buzon');
  };
})

.controller('BuzonCtrl', function($scope, $rootScope, $window, $ionicActionSheet, $ionicPopup, $state, $http, dataFactory, pushFactory) {

  // Activacion de la funcionalidad push
  pushFactory.funcionalidadPush();

}

factorys.js

.factory('pushFactory', ['$rootScope','$http','$state','$ionicLoading','$ionicPlatform','$cordovaPush','dataFactory',
                          function($rootScope,$http,$state,$ionicLoading,$ionicPlatform,$cordovaPush,dataFactory) {

  /* Objeto del factory */
  var fac = {};

  fac.funcionalidadPush = function(){
    if (ionic.Platform.isAndroid()){
      var androidConfig = {
        "senderID": "94XXXXXXXXXX",
        "ecb": "casosPush"
      };

      $rootScope.data.pushplatform = "gcm";
      alert('Entro en modo Android');

    };

    if (ionic.Platform.isIOS()){
      alert('Entro en modo iOS');
    };

    $ionicPlatform.ready(function() {
      $cordovaPush.register(androidConfig).then(function(result) {
        // Success
      }, function(err) {
        // Error
      })

      window.casosPush = function (notification) {
        switch(notification.event) {
          case 'registered':
            if (notification.regid.length > 0 ) {
              alert('registration ID = ' + notification.regid);
              $rootScope.data.token = notification.regid;

            }
            break;

          case 'message':
            // this is the actual push notification. its format depends on the data model from the push server
            //alert('message = ' + notification.message + ' msgCount = ' + notification.msgcnt);
            $rootScope.mensajes.push(notification);
            break;

          case 'error':
            alert('GCM error = ' + notification.msg);
            break;

          default:
            alert('An unkNown GCM event has occurred');
            break;
        }
      };

      // WARNING: dangerous to unregister (results in loss of tokenID)
      $cordovaPush.unregister(options).then(function(result) {
        // Success!
      }, function(err) {
              // Error
      })

    }, false);
  };


  return fac;

}]);

App.js

angular.module('notPush', ['ionic', 'ngCordova', 'notPush.controllers'])

.run(function($ionicPlatform) {
  $ionicPlatform.ready(function() {
    if(window.cordova && window.cordova.plugins.Keyboard) {
      cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
    }
    if(window.StatusBar) {
      StatusBar.styleDefault();
    }
  });
})

.config(function($stateProvider, $urlRouterProvider) {

  $stateProvider

  .state('splash', {
    url: '/splash',
    templateUrl: 'templates/splash.html',
    controller: 'SplashCtrl'
  })

  .state('buzonMenu', {
    url: '/buzonMenu',
    templateUrl: 'templates/buzonMenu.html',
    controller: 'BuzonMenuCtrl'
  })

  .state('buzon', {
    url: '/buzon',
    templateUrl: 'templates/buzon.html',
    controller: 'BuzonCtrl'
  })

  // If none of the above states are matched, use this as the fallback:
  $urlRouterProvider.otherwise('/buzonMenu');

});

编辑

正如我在评论中所建议的

$window.location.reload(true);

除了使屏幕闪烁之外,它什么也没做

$state.go($state.current, {}, {reload: true});

它将尝试重新加载页面,但仅在损坏状态下,它将加载白色背景和按钮(无颜色),但仅加载其他内容.

编辑2一些澄清：

>用于推送通知的代码写在buzon_page控制器内部,该控制器有问题.
>当我说“过渡无效”时,是指该页面无法加载,但该页面的所有警报仍会触发,并且仍会检索“推送令牌”.是视觉问题,视图无法加载.
>该问题与HTTP调用无关,因为它们当前已被注释.

编辑3

我将通知代码移到了工厂,而不是将其放在控制器中(我想应该是这样),但是没有任何改善.

我在问题期间添加了adb logcat的结果.有两件事引起了我的注意：

>它在factorys.js中显示“ ReferenceError：未定义选项”
>它显示了一些Openglrenderer问题.

1219             AudioTrack  W  AUdio_OUTPUT_FLAG_FAST denied by client   
2531             PushPlugin  V  execute: action=register
2531             PushPlugin  V  execute: data=[{"senderID":ID DELETED FOR PRIVACY ISSUES,"ecb":"casosPush"}]
2531             PushPlugin  V  execute: jo={"senderID":ID DELETED FOR PRIVACY ISSUES,"ecb":"casosPush"}
2531             PushPlugin  V  execute: ECB=casosPush senderID=ID DELETED FOR PRIVACY ISSUES
2531           GCMRegistrar  D  resetting backoff for ID DELETED FOR PRIVACY ISSUES
1219   InputMethodManager..  W  Window already focused, ignoring focus gain of: com.android.internal.view.IInputMethodClient$Stub$Proxy@df31fbd attribute=null, token = a
                               ndroid.os.BinderProxy@28f2dc02
2531           GCMRegistrar  V  Registering app ID DELETED FOR PRIVACY ISSUES of senders ID DELETED FOR PRIVACY ISSUES
2531   SystemWebChromeCli..  D  file:///android_asset/www/lib/ionic/js/ionic.bundle.js: Line 20243 : ReferenceError: options is not defined
2531   SystemWebChromeCli..  D  at file:///android_asset/www/js/factorys.js:214:31
2531   SystemWebChromeCli..  D  at file:///android_asset/www/lib/ionic/js/ionic.bundle.js:44687:19
2531   SystemWebChromeCli..  D  at Object.ionic.Platform.ready (file:///android_asset/www/lib/ionic/js/ionic.bundle.js:2120:9)
2531   SystemWebChromeCli..  D  at Object.self.ready (file:///android_asset/www/lib/ionic/js/ionic.bundle.js:44685:26)
2531   SystemWebChromeCli..  D  at Object.fac.funcionalidadPush (file:///android_asset/www/js/factorys.js:166:20)
2531   SystemWebChromeCli..  D  at new <anonymous> (file:///android_asset/www/js/controllers.js:440:15)
2531   SystemWebChromeCli..  D  at invoke (file:///android_asset/www/lib/ionic/js/ionic.bundle.js:12821:17)
2531   SystemWebChromeCli..  D  at Object.instantiate (file:///android_asset/www/lib/ionic/js/ionic.bundle.js:12829:27)
2531   SystemWebChromeCli..  D  at file:///android_asset/www/lib/ionic/js/ionic.bundle.js:17098:28
2531   SystemWebChromeCli..  D  at self.appendViewElement (file:///android_asset/www/lib/ionic/js/ionic.bundle.js:48110:24)
2531               chromium  I  [INFO:CONSOLE(20243)] "ReferenceError: options is not defined
2531               chromium  I  at file:///android_asset/www/js/factorys.js:214:31
2531               chromium  I  at file:///android_asset/www/lib/ionic/js/ionic.bundle.js:44687:19
2531               chromium  I  at Object.ionic.Platform.ready (file:///android_asset/www/lib/ionic/js/ionic.bundle.js:2120:9)
2531               chromium  I  at Object.self.ready (file:///android_asset/www/lib/ionic/js/ionic.bundle.js:44685:26)
2531               chromium  I  at Object.fac.funcionalidadPush (file:///android_asset/www/js/factorys.js:166:20)
2531               chromium  I  at new <anonymous> (file:///android_asset/www/js/controllers.js:440:15)
2531               chromium  I  at invoke (file:///android_asset/www/lib/ionic/js/ionic.bundle.js:12821:17)
2531               chromium  I  at Object.instantiate (file:///android_asset/www/lib/ionic/js/ionic.bundle.js:12829:27)
2531               chromium  I  at file:///android_asset/www/lib/ionic/js/ionic.bundle.js:17098:28
2531               chromium  I  at self.appendViewElement (file:///android_asset/www/lib/ionic/js/ionic.bundle.js:48110:24)", source: file:///android_asset/www/lib/ionic
                               /js/ionic.bundle.js (20243)
1604                    GCM  D  GcmService start Intent { act=com.google.android.c2dm.intent.REGISTER pkg=com.google.android.gms cmp=com.google.android.gms/.gcm.GcmServi
                               ce (has extras) } com.google.android.c2dm.intent.REGISTER
2531   GCMbroadcastReceiver  V  onReceive: com.google.android.c2dm.intent.REGISTRATION
2531           GCMRegistrar  V  Setting the name of retry receiver class to com.plugin.gcm.CordovaGCMbroadcastReceiver
2531   GCMbroadcastReceiver  V  GCM IntentService class: com.plugin.gcm.GCMIntentService
2531   GCMBaseIntentService  V  Acquiring wakelock
2531   GCMBaseIntentService  V  Intent service name: GCMIntentService-GCMIntentService-1
2531           GCMRegistrar  V  Registering receiver
2531   GCMBaseIntentService  D  handleRegistration: registrationId = TOKEN DELETED FOR PRIVACY ISSUES, error = null, unregistered = null
2531           GCMRegistrar  D  resetting backoff for ID DELETED FOR PRIVACY ISSUES
2531           GCMRegistrar  V  Saving regId on app version 10
2531       GCMIntentService  V  onRegistered: TOKEN DELETED FOR PRIVACY ISSUES
2531       GCMIntentService  V  onRegistered: {"event":"registered","regid":TOKEN DELETED FOR PRIVACY ISSUES}
2531             PushPlugin  V  sendJavascript: javascript:casosPush({"event":"registered","regid":TOKEN DELETED FOR PRIVACY ISSUES})
2531   GCMBaseIntentService  V  Releasing wakelock
2531          EGL_emulation  W  eglSurfaceAttrib not implemented
2531         Openglrenderer  W  Failed to set EGL_SWAP_BEHAVIOR on surface 0xa4cdd7e0, error=EGL_SUCCESS
1219             AudioTrack  W  AUdio_OUTPUT_FLAG_FAST denied by client
1219   InputMethodManager..  W  Window already focused, ignoring focus gain of: com.android.internal.view.IInputMethodClient$Stub$Proxy@35215d0a attribute=null, token = 
                               android.os.BinderProxy@28f2dc02

解决方法:

我通过评论中的帮助解决了问题,因此我将在此处编写解决方案.

评论建议使用code,以便在应用启动后立即激活推送通知.

我将在此处添加我自己的代码,以防万一,警报和$rootScope变量用于测试目的.

/* 
   app.js
*/
angular.module('notPush', ['ionic', 'notPush.controllers', 'notPush.factorys'])

.run(function($ionicPlatform,$rootScope) {
  $ionicPlatform.ready(function() {

    if(window.cordova && window.cordova.plugins.Keyboard) {
      cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
    }

    if(window.StatusBar) {
      StatusBar.styleDefault();
    }

    $rootScope.mensajes = [];

    // Push code
    try{
      var pushNotification = window.plugins.pushNotification;
    } catch (ex){

    }
    var successfn = function(result){
      alert("Success: " + result);
    };
    var errorfn   = function(result){
      window.alert("Error: " + result);
    };
    window.casosPush = function(notification){
      switch (notification.event){
        case 'registered':
          if (notification.regid.length > 0){
            alert('registration ID = ' + notification.regid);
          }
          break;

        case 'message':
          alert(JSON.stringify([notification]));
          $rootScope.mensajes.push(notification);
          break;

        case 'error':
          alert('GCM error = ' + notification.msg);
          break;

        default:
          alert('An unkNown GCM event has occurred');
          break;
      }
    };
    try{
      pushNotification.register(
        successfn,
        errorfn,
        {
          "senderID": "94XXXXXXXXXX",
          "ecb"     : "window.casosPush"
        }
      );
    } catch(notification){

    } 
  });
})

.config(function($stateProvider, $urlRouterProvider) {

  $stateProvider

  .state('splash', {
    url: '/splash',
    templateUrl: 'templates/splash.html',
    controller: 'SplashCtrl'
  })

  .state('registro', {
    url: '/registro',
    templateUrl: 'templates/registro.html',
    controller: 'RegistroCtrl'
  })

  .state('buzonMenu', {
    url: '/buzonMenu',
    templateUrl: 'templates/buzonMenu.html',
    controller: 'BuzonMenuCtrl'
  })

  .state('buzon', {
    url: '/buzon',
    templateUrl: 'templates/buzon.html',
    controller: 'BuzonCtrl'
  })

  .state('detallesSimple', {
    url: '/detallesSimple',
    templateUrl: 'templates/detallesSimple.html',
    controller: 'DetallesCtrl'
  })

  .state('detallesdoble', {
    url: '/detallesdoble',
    templateUrl: 'templates/detallesdoble.html',
    controller: 'DetallesCtrl'
  })

  .state('detallesWV', {
    url: '/detallesWV',
    templateUrl: 'templates/detallesWV.html',
    controller: 'DetallesWVCtrl'
  })

  // If none of the above states are matched, use this as the fallback:
  $urlRouterProvider.otherwise('/splash');

});

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。

相关推荐

cordova+vue 项目打包成APK应用遇到的问题和解决方法
公司前端界面用的是vue，我要嵌入到Android中生成App第一步：安装nodenode安装：直接进入官网https:/odejs.org/zh-cn/，下载最新版本安装。安装之后在命令行中使用”node-v”检查安装是否成功。npm安装：由于新版的nodejs已经集成了npm，所以node安装时npm也一并安装好了。同样可以通过输
app内打开外部第三方瞎下载链接
Q:我用cordova开发项目，想在app内跳转外部链接，安装了cordova-plugin-inappbrowser后确实可以跳转，但是跳转的页面有个按钮，原本点击会下载app，现在点击后毫无反应，求大神解惑。A:已经找到解决办法了，把cordova.InAppBrowser.open的打开网页方式改为“_system”即可，即用手机默认浏览器打
php – Google Firebase iOS推送适用于控制台,但不适用于API
我正在使用https://github.com/arnesson/cordova-plugin-firebase/在基于离子的应用上接收GoogleFirebase消息.设置证书后,安装插件并设置Firebase帐户我能够通过Firebase控制台接收通知(在Android和ios设备上).但是,当我通过FirebaseAPI(https://firebase.google.com/docs/clo
自定义 Cordova插件详解
一、Cordova的基础点在混合式应用中，我们通过现有的Cordova插件，可以轻松的在H5上调用手机native的功能。现有的Cordova插件能满足平时大部分的开发需求，然而，有时候找不到合适的插件、或对找到的插件有不满意的地方，那就要动手去做或改写一个插件，这时候就要了解一些Cordova插件的
自定义Cordova插件基础篇
cordova自定义插件注意：存放自定义cordova插件目录不能有空格可能会报错cordova的安装下载node.js，安装完成后你可以在命令行中使用node和npm.安装cordova使用node.js的npm工具。打开控制台输入npminstall-gcordova-g是全局安装cordova。安装完成后就可以在命令行
cordova问题之VueAPP项目使用cordova插件实现文件/图片下载功能
一、问题VueAPP中有一个文件下载功能，用了各种方法来实现下载功能，app都没有反应。JS实现html页面点击下载文件这个博客里面几乎包含了我试过的大部分方法，发现PC端没问题，手机不可以。二、经过这些方法PC端没问题，安卓就不行，问了一个接触过安卓的后台小伙伴，说是
Cordova IOT Lesson002
helloindex.html1<!DOCTYPEhtml>2<html>3<head>4<metacharset="utf-8">5<title>我的App<itle>6<metaname="format-detection"content="telephone=no&q
cordova 自定义插件(iOS)
1.plugman安装npminstall-gplugman如果提示permissiondenied需要加sudosudonpminstall-gplugman2.创建插件sudoplugmancreate--name插件名--plugin_id插件id--plugin_version0.0.13创建package.json文件cd上面床架的插件文件夹下，plugmancreate
cordova自定义插件的创建过程
最近学习了cordova插件，记录一下大概的过程，仅供参考。前期的配置就不记录了网上好多。在简书上从新写了一个更详细的cordova插件教程，有需要的可以点这里进去看看。第一步创建一个cordova项目输入命令：cordovacreate项目名包名例子：cordovacreatedemocom.zc.demo项目的大概目
android – 使用Ionic 3将文件保存到Downloads目录
我知道这个链接：https://cordova.apache.org/docs/en/latesteference/cordova-plugin-file/#where-to-store-files但我想将文件保存在Downloads目录中.这可以使用Ionic在任何路径中保存文件吗？如果是这样,请分享这个例子.这是代码：downloadImage(image){this.platform.ready(
苹果市值2025年有望达4万亿美元
pythonJavaScriptjavaHTMLreactjsC#AndroidCSSNode.jssqlrpython-3.xMysqLjQueryc++pandasFlutterangularIOSdjangolinuxswifttypescript路由器JSON路由器设置无线路由器h3c华三华三路由器设置华三路由器电脑软件教程arraysdocker软件图文教程Cvue.jslaravelspring-bootreact-native