# 1. 聊天头像-Gravatar
Gravatar提供的头像文件通过下面形式的URL获取：
```shell
https://gravatar.com/avatar/<HASH>
```



Gravatar使用电子邮件地址获取对应的用户头像，为了防止泄露用户的电子邮件地址，Gravatar采用通过MD5加密的邮件地址，上面的URL中的HASH部分就是电子邮箱的散列值。

为了降低服务器的负载，我们把用户Email地址的MD5散列值存储在数据库email_hash中。

## 1.1 第一个参数：d
地址：https://gravatar.com/avatar/<HASH>?d=monsterid
Gravatar支持的默认头像类别如下表:

| 类别  | 描述  |
| ------------ | ------------ |
| 404  |如果Email散列值没有对应的图片，那么返回HTTP404响应   |
|  mm | mm代表mystery-man(神秘人)，一个在灰色背景下的卡通风格人形边框  |
| identicon  | 基于Email散列值生成的集合形状  |
| monsterid  | 基于Email散列值生成的可爱小怪兽  |
| wavatar  | 基于Email散列值生成的卡通脸  |
| retro  | 基于Email散列值生成的8位像素风格的脸  |
| robohash  | 基于Email散列值生成的机器人  |
| blank   | 一个透明的带有边框的PNG图片  |


## 1.2 第二个参数：
参数s用来设置头像图片的大小，默认的头像图片的大小为80X80.下面的URL将某个头像尺寸设置为100X100:

https://gravatar.com/avatar/Sd3b9f7b7c0328827b57172e4a7abl36?size=lOO

# 2. 使用Flask-socketIO建立实时双向通信

# 2.1 websocket
> 常规轮询、长轮询、websocket的区别？
1. 轮询是传统方式，不存在浏览器兼容性问题，定时的发送网络请求
2. 轮询对客户端的电脑资源会造成额外的开销，如果页面中的定时器过多时不能实时获取最新的数据，获取数据会有延迟。
3. websocket对浏览器的版本有要求，低版本的浏览器不一定能用
3. websocket可以实时获取最新的数据，不会产生额外的开销。服务器有新的数据之后，会主动推送给客户端
4. 轮询是定时的发送的ajax请求，获取服务器的数据
5. 长轮询的方式：客户端向服务器发送请求之后，服务器会暂时把请求挂起，等到有数据更新时再返回最新的数据给客户端，客户端在接收到新的消息后再向服务器发送请求。与常规轮询的不同之处是：数据可以做到实时更新，可以减少不必要的开销



**送命题：选择还是长轮询还是常规轮询**
长轮询是不是总比常规轮询总有优势？我们可以从带宽占有的角度分析，如果一个程序数据更新太过频繁，假设每秒2次更新，如果使用长轮询的话每分钟要发送120次HTTP请求。如果使用常规轮询，每5秒发送一次请求的话，一分钟才20次，从这里常规轮询更有优势。
【长轮询，在请求到数据的时候，会再次请求服务器，服务器没有数据的时候，就挂着】

> websocket的优缺点

**优点**
* Websockets保持一个唯一的连接打开，同时消除长轮询的延迟问题
* Websockets通常不适用XMLHttpRequest，因此，当我们每次需要从服务器获取更多的信息时，无需发送头部数据。反过来，这又减少了数据发送到服务器时需要付出的高昂的数据负载代价
**缺点**
* 当连接终止时候，WebSockets无法自动恢复连接——这是需要你自己实现的部分，也是导致存在许多客户端库的原因
* 早于2011年的浏览器无法支持WebSocket链接
[拓展：SSE](https://www.cnblogs.com/goloving/p/9196066.html)
  
## 2.2 socketIO的介绍
* SocketIo是一个基于JavaScript实现实时通信的开源js库，它可以简化实时Web程序的开发过程
* 支持多种轮询机制以及其他模拟实时通信的方式
* 提供了诸如广播、命名空间、房间、存储客户端数据、异步IO等功能
* 要使用socketIO,客户端和服务端都需要使用Socket.IO框架。
> flask服务端使用flask_socketio，客户端使用socket.io.min.js

聊天室

# 通过设置钩子实现部署自动化
> 借助Git提供的服务器端钩子(server-Side Hooks),比如post-revive钩子，我们可以实现部署操作的自动化。通过定义钩子出发的脚本，我们可以让远程主机的git服务器在接收到本地的代码推送后自动执行相应的更新和重启Web服务器等操作。如果是使用在线代码托管平台，比如github和BitBucket，需要在项目设置中进行对应的设置。
 


在实际部署中，对于大型程序，或多人写作开发的程序，我们通常会为程序设置持续集成系统，通过设置Git钩子，当有人向远程主机的主分支推送代码后会自动出发CI系统进行构建测试，测试通过后才会将改动集成到程序中。


# jenkins关闭重启的方式
* 关闭jenkins
  
    http://192.168.240.179:8080/exit
* 重启jenkins
  
    http://192.168.240.179:8080/restart
* 重新加载设置

    http://192.168.240.179:8080/reload

通过设置git钩子实现部署自动化

在大型flask的项目中，主要三种常见的项目组织架构:功能架构(自己的博客)、分区式架构和混合式架构。



![image.png](/static/img/0226066f150112aa76e3012cb9882fce.image.webp)
## 功能式架构
在功能式架构中，程序包由各个代表程序组件（功能）的子包组成，比如:
* blueprints(蓝本)
因为程序比较简单，蓝本主要是用来组织路由，所有项目中的蓝本直接在blueprints包下的模块中创建。如果蓝本需要注册更多的处理程序，比如错误处理函数、请求处理函数等。

    1. __init__.py
    2. auth.py
       
        1. __init__.py
        2. views.py
        3. errors.py
    3. dashboard.py
       
        ……
    4. front.py
    
        ……
* forms(表单)
  
    1. __init__.py
    2. auth.py
    3. dashboard.py
    4. front.py
* templates(模板)
  
    1. auth/
    2. front/
    3. dashboard/
    4. base.html
* static (静态文件)  
* models(模型)
* __init__.py

通过为蓝本创建子包还可以支持为蓝本创建独立的templates和static文件夹；

和在单模块中创建蓝本不同，当在子包中创建蓝本时，为了方便其他模块导入蓝本对象，这时蓝本对象在蓝本子包的构造文件中创建。
而且，因为在构造文件中定义，为了把路由、错误处理器、请求处理函数等和蓝本对象关联起来，需要在构造文件中导入这些模块。
```python
from flask import Blueprint
front_bp = Blueprint('front',__name__)
from myapp.blueprints.front import views,errors

```
在路由模块等要使用蓝本对象的地方可以直接导入这里创建的蓝本对象:
```python
from bluelog.blueprints.front import front_bp
```


## 分区式架构
在分区式架构中，程序被按照自身的板块分成不同的子包。myapp使用分区式架构可以分别创建front\auth\dashboard三个子包，这些子包直接在程序包的根目录下床架，子包中使用模块组织不同的程序组件，比如views.py、forms.py
如下:
* dashboard/
    
    * __init__.py
    * views.py
    * forms.py
    templates/
    static/

* front/

    ……
  

## 混合式架构
混合式架构，顾名思义，就是不按照常规分类来组织。比如:采用类似分区架构的子包来组织程序，但各个蓝本公用程序包更目录下的模板文件夹和静态文件夹

项目组织架构

# Django 跨域请求

同源策略首先基于安全的原因，浏览器是存在同源策略这个机制的，同源策略阻止从一个源加载的文档或脚本获取或设置另一个源加载的文档的属性。
而我们要跳过策略，也就是非要跨域请求，那么久需要通过JSONP或者CORS来实现



## 什么是JSONP？

首先提一下json这个概念，json是一种轻量级的数据传输格式，被广泛应用于当前web应用中。JSON格式数据的编码和解析基本在所有主流语言中都被实现，所以现在大部分前后端分离的架构都以JSON格式进行数据的传输。

	那么什么是JSONP呢？

	在ajax中，不允许请求非同源的URL就可以来，比如www.a.com下的一个页面，其中的ajax请求是不允许访问www.b.com/c.js这样一个页面的。
	
	JSONP就是用来解决跨域请求问题的，那么具体是怎么实现的？
**JSONP原理**

ajax请求受同源策略影响，不允许进行跨域请求，而script标签src属性中的链接却可以访问跨域的js脚本，利用这个特性，服务端不再返回JSON格式的数据，而是返回一段调用某个函数的js代码，在src中进行了调用，这样实现了跨域。JSONP的具体实现
127.0.0.1:8000中的index.html
```html
<!DOCTYPE html>
<html>
<head>
    <title>GoJSONP</title>
</head>
<body>
 $(".jsonp_test").click(function () {
    $.ajax({
        url:"http://127.0.0.1:8008/service/",
        type:"get",
        dataType:"jsonp",     // 伪造ajax  基于script
        jsonp: 'callbacks',
        //jsonpCallback:"alex",
        success:function (data) {
            console.log(data)
        }
    })
})
<button class='jsop_test'>测试</button>
</body> </html>
```
127.0.0.1:8080的views
```python
import json
def jsonp_test(request): 
    func=request.GET.get("callbacks") #获取请求的callbacks参数
    info={"name":"fuyong","age":18} #定义数据
    return HttpResponse(" ('%s')"%(func,json.dumps(info))) #传json对象总结
```
一句话就是利用script标签绕过同源策略，获得一个类似这样的数据。ajax里边的callback本质上是（伪装成scripy标签src属性发送请求的方式）发送一个回调方法，参数data就是想得到的json数据。
## corscors定义
**Cross-origin Resource Sharing(CORS)跨来源资源共享是一份浏览器技术的规范，提供了web服务从不同域传来沙盒脚本的方法，以避开浏览器的同源策略，是JSONP模式的现代版。与JSONP不同，CORS除了GET要求方法以外也支持其他的HTTP请求。用CORS可以让网页设计师用一般的XMLHttpRequest，这种方法的错误处理比JSONP要来的好。另一方面，JSONP可以在不支持CORS的老旧浏览器上运作，现代的浏览器都支持CORS。**
## cors和jsonp的对比
* JSONP只能实现GET请求，而CORS支持所有类型的HTTP请求
* 使用CORS，开发者可以使用普通的XMLHttpRequest发起请求和获得数据，比起JSONP有更好的错误处理
* JSONP主要被老的浏览器支持，它们往往不支持CORS，而绝大多数现代浏览器都已经支持了CORS。

## 简单请求和复杂请求
简单请求
1. http方法这三种方法之一：HEAD、GET、POST
2. HTTP头消息不超出以下字段：Accept、Accept-language、Content-Language、Last-Event-ID，且Content-Type只能为下列类型中的某一个:
	
	* application/x-www-from-urlencoded
	* multipart/form-data
	* text/plain.

任何不满足上述要求的请求，都会被认为是复杂请求。

复杂请求回先发出一个预请求—预检，OPTIONS请求。cors实现思路
cors背后的基本思想是使用自定义的http头部允许浏览器和服务器相互了解对方，从而决定请求或相应成功与否。

例如localhost:63343通过ajax请求http:192.16810.61:8080服务器资源时就会出现如下异常：

其实数据已经获取到了，但是由于同源策略的限制给禁止了，提示说header里没有access-Control-Allow-Origin，那么，我们在发送响应的时候只需要给header加上这个参数就可以了。通过中间件实现cors

第一步，准备中间件
```python
from django.utils.deprecation import MiddlewareMixin 
class MyCors(MiddlewareMixin): 
	def process_response(self, request, response): # 如下，等于'*'后，便可允许所有简单请求的跨域访问 response['Access-Control-Allow-Origin'] = '*' # 判断是否为复杂请求 if request.method == 'OPTIONS': response['Access-Control-Allow-Headers'] = 'Content-Type' response['Access-Control-Allow-Methods'] = 'PUT,PATCH,DELETE' return response
```
第二步 视图文件
```python
from django.http import HttpResponse from rest_framework.views import APIView 
class TestView(APIView): 
	def get(self, request): 
		return HttpResponse("这是GET请求的数据") 
	def post(self, request): 
		return HttpResponse("这是POST请求的数据") 
	def put(self, request): 
		return HttpResponse("这是PUT请求的数")
settings.py

MIDDLEWARE = [
   .....
 
    'xxx.cors.CORSMiddleware',  # xxx为cors.py所在包的目录
]
```

django的跨域请求

视图层的主要工作是衔接HTTP请求、Python程序、HTML模板
## 1. URL映射
URL分发映射配置可以被看做Django项目的入口配置，通过URL dispatcher可以指定用户的每一个访问的后台Python处理函数是什么



### 1.1 普通URL映射
每个Django项目都有一个urls.py文件用于维护URL dispatcher，例如:
```python
from django.conf.urls import url

urlpatterns = [
    url(r'^year/2015/$',views.moment_2015),
    url(r'^year/([0-9]{4})/$', views.year_moments),
    url(r'^month/([0-9]{4})/([0-9]{2})/$',views.month_moments),
    url(r'^single/([0-9]{4})/([0-9]{2})/([0-9]+)/',views.single),
]
```
解析：
* 只匹配year/2015.路径调用的是views.py中的moment_2015,moment_2015(request)
* 匹配year/XXXX，year_moments(request,xxxx)
* 匹配year/xxxx/xx  month_moments(request,xxxx,xx)
* 匹配single/xxxx/xx/zz single(request,xxxx,xx,zz)
### 1.2 正则表达式
正则表达式速查表

|  符号   | 描述  |示例 |
|  ----  | ----  |----  |
|\|将下一个字符标记为一个特殊字符|"\n" 匹配一个换行符，"\\"匹配"\"  "\("匹配"("|
|^|输入字符串的开始位置|"^abc"，以abc开头|
|$|输入字符串的结束位置|"abc$",以abc结束|
|*|前面的子表达式零次或多次|"2*"匹配 空 2 22 222|
|+|前面的子表达式一次或多次|"2+"匹配 2 22|
|?|前面的子表达式零次或一次|"2?"匹配 空或2|
|{n}|n是一个非负整数，只匹配确定的n次||
|{n,}|n是一个非负整数,至少匹配n次||
|{n,m}|m和n均是非负整数，其中n<=m||
|.|匹配除\n外的任意单个字符||
|x|y|匹配x或y||
|[xyz]|字符集合，匹配所包含的任意一字符||
|[^xyz]|负值字符集合，匹配未包含的任意字符||
|[-]|字符范围||
|[^-]|负值字符范围，匹配不在指定范围内的任意字符||


快捷正则表达式符号

|  符号   | 描述  |示例 |
|  ----  | ----  |----  |
|\b|一个单词边界|空格、TAB、换行等|
|\d|一个数字字符|等价[0-9]|
|\D|一个非数字字符|等价[^0-9]|
|\f|一个换页符||
|\n||换行符|
|\r|回车符||
|\s|任意空白字符||
|\S|任意非空白字符||
|\t|制表符||
|\v|垂直制表符||
|\w|包括下划线的任意单词字符||
|\W|任意非单词字符||

### 1.3 命名URL参数映射
定义方式是:""?P"


## 2. 视图函数
## 3. 模板语法