Meteor应用程序上的警报/通知不会出现

Alerts/Notifications on Meteor application do not appear

本文关键字：通知 应用程序 应用 程序上 Meteor      更新时间：2023-09-26

我创建了一个新的"警报"集合。它显示未读邮件的数量。消息被提交并显示，控制台或服务器上没有其他错误。

第二个问题是，当我点击特定的房间时，它应该将所有新消息标记为"已读"。不知怎么的，这个数字一直保持着。错误显示Exception in queued task: .added@http://localhost:3000/app/lib/collections/messages.js

文件结构：

  • roomList.js-显示所有房间的列表，显示未读邮件的数量
  • roomDetail.js-单击列表中的特定房间时，会将消息标记为
    "已读"，未读数字消失
  • alerts.js（警报集合）
  • messages.js（消息集合）
  • rooms.js（rooms集合）

出版物和子js

Meteor.publish('alerts', function() {
    return Alerts.find({ userId: this.userId, read: false });
});
Meteor.subscribe('alerts')

警报集合js

Alerts = new Mongo.Collection('alerts');
Alerts.allow({
   update: ownsDocument,
   //if removed, shows error: 
   // insert failed: Access denied. No allow validators set on restricted collection for method 'insert'.
   insert: function(){  
      return true;
   }
});
createMessageAlert = function(message) {
  if ( message.user !== Meteor.userId() ){     
      Alerts.insert({
         userId        : message.user,
         roomId        : Router.current().params._id, //params id of current room
         messageId     : message._id,
         read          : false
      });
   }
};

roomDetail.js

  Messages.insert({          
     roomId    : Router.current().params._id,
     msg       : message,
     user      : Meteor.user()._id
  });
  template.find('input').value = '';
  createMessageAlert(message);

roomsList.js

Template.list.helpers({
   alerts: function (){
      return Alerts.find({ userId: Meteor.userId(), read: false });
   },
   alertCount: function(){
      return Alerts.find({ userId: Meteor.userId(), read: false }).count();
   }
});
Template.allRooms.events({
   'click a': function() {     //click the a href to go into roomDetail
      Alerts.update(this._id, {$set: {read: true}});
   }
});

最终解决方案：

当在Messages集合中添加新Message时，您应该从触发器调用createMessageAlert。

先决条件：

  1. 为Messages集合创建一个触发器（MSG_OBSERVER），无论何时向集合中添加任何内容，都会调用一个带有添加的文档对象的createMessageAlert方法，因此您可以在该方法内部进行操作并执行所需操作
  2. 当您更新警报集合时。集合的发布方式（命名为"null"）应为反应式集合，并且应从不同浏览器实例访问同一帐户的所有实例中都可以使用该集合

实施

只需在您的收藏中添加以下代码.js

Meteor.method(
'createMessageAlert': function(id, fields) {
      if ( fields.user !== Meteor.userId() ){ 
          Alerts.insert({
             userId        : fields.user,
             roomId        : Router.current().params._id, //params id of current room
             messageId     : id,
             read          : false
          });
       }
    }
);
var MSG_OBSERVER = Messages.find();
MSG_OBSERVER.observe({
  added: function(id, fields){
        Meteor.call('createMessageAlert', id, fields);
  }
});
Meteor.publish(null ,function() { // null name means send to all clients
        //use Messages.insert() to generate a fake message and add data in below params
        Meteor.call('createMessageAlert', id, fields);
        return Alerts.find();
});

解释

  1. 如果您再次阅读先决条件，您就会理解代码。确保您在客户端订阅了所需的集合。此代码使每个涉及的集合和触发器都非常被动和响应
  2. 您将添加为消息的内容也将添加到警报中
  3. 发布"null"只会将数据发布到所有客户端，从而使UI行为更加健壮和异步。（我在显示实时图形时使用了这一功能，您甚至不必刷新UI，数据就会得到反映。）
  4. 发布"null"时，您可以创建一个假消息OBJ，并将其添加到调用createMessageAlert函数中。您必须这样做，因为您必须在服务器重新启动时启动发布。明智地选择消息对象，这样它就不会影响工作流程
相关文章：