模块API
模块V1
类通知控制器<apicontroller
操作前:设置用户
DEF指数
@user.incoming_notifications.page(params[:page]).per(params[:per_page])
结束
德森塞尔
notification.where(seen:false,to_id:@user.id).update(seen:true)
结束
德芙
@user.incoming_notifications.find_by(id:params[:id])seen!
结束
私有的
用户设置用户
@用户=当前用户
结束
结束
结束
结束
< /代码>
请指导我如何在浏览器控制台中打印通知,然后通过API在react中使用通知。谢谢。
class Appointment < ApplicationRecord
belongs_to :tutor, class_name: 'User'
belongs_to :student, class_name: 'User'
after_create :appointment_notification
after_update :appointment_notification
def appointment_notification
Notification.create(
from: student,
to: tutor,
name: :student_create_appointment, # here you can detect any type
model: :appointment
)
end
end
和Notification用于保存所有通知历史记录的模型和表
class Notification < ApplicationRecord
belongs_to :from, class_name: 'User', foreign_key: :from_id
belongs_to :to, class_name: 'User', foreign_key: :to_id
before_create :set_seen
after_create :push_notification
def set_seen
self.seen = false
end
def push_notification
if to.user_push_notification.respond_to?(name) &&
to.user_push_notification.send(name)
PushNotificationJob.perform_later(
from: from,
to: to,
message: message(:push),
name: name,
created_at: created_at.iso8601
)
end
end
def message(gate_scope)
# gate_scope can be 'sms' or 'push' or 'email.body' if we have nested yml in translations
I18n.t(
"notification.#{model}.#{name}.#{gate_scope}",
from: from,
to: to,
created_at: created_at
)
end
end
我创造了一个NotificationsChannel看起来像这样:
class NotificationsChannel < ApplicationCable::Channel
def subscribed
stream_from "notification_channel:#{current_user.id}"
end
def unsubscribed
stop_all_streams
end
end
还有一个PushNotificationJob看起来像这样:
class PushNotificationJob < ApplicationJob
queue_as :default
def perform(from:, to:, message:, name:, created_at:)
NotificationsChannel.broadcast_to(
to,
type: name,
caller: from,
message: message,
created_at: created_at
)
end
end
一切都很好,唯一缺少的链接是我在前端向用户广播的部分:
这是到目前为止我在JavaScript方面所拥有的。
App.notificationsChannel = App.cable.subscriptions.create(
'NotificationsChannel',
{
connected: function() {
// Called when the subscription is ready for use on the server
console.log('Notification Channel connected.');
},
disconnected: function() {
// Called when the subscription has been terminated by the server
console.log('Notification Channel disconnected.');
},
received: function(data) {
// Called when there's incoming data on the websocket for this channel
console.log(data);
}
}
);
// App.notificationsChannel.send({ test: 'data' });
我无法在浏览器控制台中打印任何内容,除了“连接”和“断开”中的内容。
创建约会后,这就是我的终端日志的样子。
你知道我还缺什么吗?我还需要做什么?
顺便说一句,我还在路由文件中创建了这些路由URL
resources :notifications, only: :index do
collection do
post 'seen_all', to: "notifications#seen_all"
end
member do
post :seen
end
end
最后我的NotificationsController.
module API
module V1
class NotificationsController < ApiController
before_action :set_user
def index
@user.incoming_notifications.page(params[:page]).per(params[:per_page])
end
def seen_all
Notification.where(seen: false, to_id: @user.id).update(seen: true)
end
def seen
@user.incoming_notifications.find_by(id: params[:id]).seen!
end
private
def set_user
@user = current_user
end
end
end
end
请指导我如何在浏览器控制台中打印通知,然后通过API在react中使用通知。谢谢。
