Angularfire and NodeJS firebase chat application by using topics
- 主要語言
- TypeScript
- 星號
- 7.8k
- 分支
- 2.2k
- 平均合併
- 22 小時 28 分鐘
- 30 天內合併 PR
- 6
描述
I'm a newbie on the firebase. I'm trying to make a chat application with multiple users and multiple rooms by using `AngularJS` (`angularfire`) for the frontend and `NodeJS` for the backend. I want to send many-to-many notifications. I'll use `topics` for this.
Here are the steps I followed:
1. Register user to firebase (backend-NodeJS)
2. Save user UID to the database (MongoDB)
3. Subscribe this user to the topics (backend-NodeJS)
4. Receive notifications from the topics which user has subscribed (frontend-Angular)
I can listen notifications by using `AngularFireMessaging` module (requesting permission and listening) by using these methods in my app.component.ts:
```typescript
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.scss'],
})
export class AppComponent implements OnInit {
constructor( private afMessaging: AngularFireMessaging ) { }
ngOnInit(): void {
this.requestPermission();
this.listen();
}
requestPermission() {
this.afMessaging.requestPermission
.pipe(mergeMapTo(this.afMessaging.tokenChanges))
.subscribe(
(token) => { console.log('Permission granted! Save to the server!', token); },
(error) => { console.error(error); },
);
}
listen() {
console.log('messages are being listened');
this.afMessaging.messages
.subscribe((message) => {
console.log("messages from firebase");
console.log(message);
});
}
}
```
But as I understand this just registers the token and listens it.
I know I can use realtime databases of firebase. But the app is already prepared and we're storing users' UIds in the database. Also chat rooms and users' relations are also stored in the database.
I thought I can send notifications to the `topic`s named as `roomId`s. Then I can listen these topics.
But how can I listen these topics? I have `topic`'s names, I have also users' UIds. How can I listen these topics?
Or am I missing something?
貢獻指南
研究方向
從 app.component.ts 中的通知流程開始,特別是 requestPermission() 和 listen(),接著檢視 NodeJS 的主題訂閱步驟,以及 MongoDB 中使用者與房間之間的關係。完成的標準是定義現有 Angular 和 NodeJS 應用程式如何訂閱及接收 roomId 主題。
由索引模型根據 Issue 內容生成。
評估
- 技術堆疊
- angularjs, mongodb, node.js, typescript
- 領域
- backend, databases, frontend
- Issue 類型
- 功能
- 難度
- 5/5
- 預估耗時
- 一週以上
- 活躍度
- 停滯
- 描述清晰度
- 需要釐清
- 新手友好度
- 20/100