Angular 笔记 二、聊天室(WebSocket、C#)

资料查阅：

将已有的项目添加到github

Angular CLI 安装和使用

Angular CLI 终极指南

https://angular.io/guide/deployment

Angular项目部署。建议 把Techniques (其他技术)都看一下。官网英文版当前(2018/1/20)用的是Angular-cli介绍的，中文翻译用的是System.js。

Token原理以及应用

Token认证机制

token、cookie的区别

Token ，Cookie和Session的区别

Angular 4 Cookie vs Token 认证

什么是 JWT– JSON WEB TOKEN

功能：

1，任何人进入主页都能看到聊天内容。(门外听)

2，如果要发言必须输入昵称，不需要密码。(开门进入)

3，昵称必须有记录在数据库中，如果没有要注册。(登记)

前端：

Angular、BootStrap

后台：

C#、MVC(Web API？)、EntityFramework

使用Token机制 ?： 前端把account 提交到服务端的登录api，服务端验证正确后(数据库有Account)，生成一个token，并把Account表中记下userid的Token，然后把token返回给前端，前端将Token存放在Cookie中。前端每次的请求头中带token(Cookie)，这是token 机制？ no no no！。Cookie存储Token是存储机制，参阅以上资料，这仍是Cookie机制，通过Cookie传Tokenxxx，Token机制是只传Token和其他参数就行，Cookie有跨域访问限制，Token应不受跨域的限制。可用web http请求通过可自定Header方式传递Token。

1. 用 ng generate命令生成是报错：Error: ELOOP: too many symbolic links encountered
   应为用的cnpm install 的package，删掉node_modules，用 npm install重新安装。
2. 跨域：Angular 笔记 三、 跨域请求、自定义Header、预检验(option)总结

http不适用于即时消息聊天室的应用：
因为Web是浏览器发送请求，然后服务器再返回。如果浏览器不发送请求，服务器就没法通知客户端。比如，聊天室。一个发送了消息，发送到服务器，但其他的浏览器没有请求，如此服务器就不能把这条消息推送到其他浏览器，便出现了消息不同步的问题。而WebSocket就是为了解决这一问题。WebSocket 本质上跟 HTTP 完全不一样，只不过为了兼容性，WebSocket 的握手是以 HTTP 的形式发起的。WebSocket实现了双向的通信，使得服务器可以主动把消息推送到浏览器。这便是实时推送。
实现：聊天室
项目：前端，后台
—
1. MVC项目中搭建WebSocket服务器
2. asp.net mvc 实现简单的实时消息推送
2. Building a Real-time Chat App with Angular 2 and deepstream
3. Building Chat Application using MEAN Stack (Angular 4) and Socket.io
4. Real Time Apps with TypeScript: Integrating Web Sockets,Node & Angular
5. Websocket:HTML5 WebSocket

参考设计：
1.
2. Websocket协议原理与实现（一）
3. Websocket协议原理与实现（二）
4. Writing WebSocket servers
5. Writing WebSocket client applications

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!