Django使用桌面级弹窗提醒功能及Https服务启动

项目背景：

公司有很多个摄像头，为此也就成立了监控室以及请保安老马负责监控摄像头。

但总有些人出于某些目的会乱动摄像头，使摄像头拍摄角度发生偏移，导致监控不到应监控区域。

老马为了及时发现这种情况，于是将每一个摄像头角度摆放正确时图像保存下来，时不时跟现在的监控画面做一下对比。

我为了老马的 闺女 身体着想，给做了个小程序用于自动检测摄像头偏移并及时报警。

为了更直观的让老马看到是哪个摄像头出了问题，我将主程序给弄到了Django里边，我在服务器上运行之后，老马只需在他电脑上打开浏览器输入网址就能用了。

---

问题描述：

逻辑都没啥问题，但是老马打开浏览器访问网址后，他就给浏览器最小化了 ！

我的报警界面做的再花里胡哨，老马他看不见 ！

顶多就是任务栏那里浏览器图标一亮一亮的，老马的老花眼可瞅不着 ！

解决方案：

于是我就想着怎么给弄个弹窗一下子蹦出来，因为后端是运行在服务器上的，再怎么蹦跶老马电脑也不显示，这条路堵死之后就只能用前端来做了，各种尝试后，我发现了它！

！ ！ ！ Notification ！ ！ ！

它能整一个就像360开机时间一样的弹窗出来，而且就像鹅厂家的软件一样，出场必定展示在最前端，窗口显示优先级嘎嘎的。
来 上图：

实现方式：

这里我通过cookie来防止摄像头偏移后弹窗像疯了一样一直弹

<script type="text/javascript">
	if (Notification.permission === "granted" && $.cookie(offset_ip + '_haven_pop') !== 'true') {
	    let notification = new Notification("摄像头偏移", {
	        body: "IP:" + offset_ip + '\n' + "偏移日期:" + offset_time,
	        icon: '/static/images/offset1.png',
	        requireInteraction: true // 设置通知弹框是否自动消失 默认为false（自动消失）
	    });
	    $.cookie(offset_ip + "_haven_pop", 'true')
	    notification.onclick = function () {
	    	// 该函数是点击弹窗时触发
	        $.cookie(offset_ip + "_haven_pop", 'false')
	    }
	}
</script>

---

你以为这就结束了? 怎么可能 ! ：

鲁迅说：本地调试笑嘻嘻 上线运行mmp

正常启动Django后，开启界面，噩耗出现：

原因说明：

本地Django基于Http协议，本地127.0.0.1:8123运行没毛病，但设置0.0.0.0:8123之后在局域网内通过ip访问就会出现被浏览器识别到属于http协议而强制关闭一些功能。

---

解决方案：

Http不行 那咱就上Https

Windows:

以下操作学习自 https://blog.csdn.net/qq_33183456/article/details/102967838

1. 下载文件 https://download.csdn.net/download/qq_40292262/35136157
2. 解压缩后打开bin文件夹，运行 openssl.exe
3. 在弹出框中依次输入
   genrsa -des3 -out server.key 2048
req -new -key server.key -out server.csr -config openssl.cnf
rsa -in server.key -out server_no_passwd.key
x509 -req -days 365 -in server.csr -signkey server_no_passwd.key -out server.crt
4. 第三步会让你输入一些信息，随便填就行。此时就会在bin目录下生成了对应的crt证书文件。将该文件拖到django项目的根目录(与manage.py同级)
5. 为Django安装配置ssl证书所需模块

   pip install django-extensions
   pip install django-werkzeug-debugger-runserver
   pip install pyOpenSSL
   

6. setting.py中INSTALLED_APPS 里新增‘werkzeug_debugger_runserver’, ‘django_extensions’,
7. 启动命令替换为 python manage.py runserver_plus --cert server.crt 0.0.0.0:8000

Linux:

以下操作学习自
https://blog.csdn.net/ssjdoudou/article/details/102146201
https://www.jianshu.com/p/6f18164fe1bc

1. 安装openssl

2. // 生成key
   openssl genrsa -des3 -out rootCA.key 2048

3. //创建证书 CSR 请求
   openssl req -new -key rootCA.key -out rootCA.csr

4. //根据csr和公钥生成证书
   openssl x509 -req -days 365 -in rootCA.csr -signkey rootCA.key -out rootCA.crt

5. // 把服务器端的key里面的key剥离掉 防止每次连接都要Enter PEM pass phrase
   rsa -in server.key -out server.key.unsecure

6. 将rootCA.crt rootCA.key.unsecure文件拖到django项目的根目录(与manage.py同级)

7. 为Django安装配置ssl证书所需模块
   pip install django-extensions
pip install django-werkzeug-debugger-runserver
pip install pyOpenSSL

8. setting.py中INSTALLED_APPS 里新增‘werkzeug_debugger_runserver’, ‘django_extensions’,

9. 启动命令替换为 python manage.py runserver_plus 0.0.0.0:8123 --cert-file rootCA.crt --key-file rootCA.key.unsecure

至此，问题解决。