nginx增加自定义账号鉴权

使用nginx反向代理实现

当一个站点内部程序是个黑盒（无法修改里面的请求逻辑），如何增加自己的账号系统鉴权

实现逻辑

  • 使用nginx的反向代理功能
  • 自定义账号系统增加两个接口，一个页面(为避免路径冲突，增加了"/xuxiaocong"，根据自己需求修改)
    • 账号接口：POST "/xuxiaocong/login"，接收用户名和密码，输入正确则生成token
    • 鉴权接口：GET "/xuxiaocong/auth"，读取cookie中的token，验证其有效性，有效返回200状态码，无效返回401状态码
    • 登录页面：GET "/xuxiaocong/login"，登录页面，填写用户名和密码，将token写入cookie

效果

  • 用户访问站点
  • 触发/auth鉴权，token无效时，跳转自定义登录页面
  • 登录成功后刷新页面，进入源站点
  • 当token失效时，会重新弹出登录页面
  • 如果源站点也有自己的账号，则需要输入两个账号密码，双重认证

demo目录结构

  • root # 根目录

    • static # 静态文件（flask框架）

      • xuxiaocong

        • axios.min.js
        • axios.min.map
    • templates # 页面（flask框架）
      • login.html # 登录页面
    • main.py
    • requirements.txt

nginx配置

  • 代理时增加鉴权（验证cookie）
  • 无权限时跳转ATP的login页面
  • 验证成功后cookie记录token，跳转回原页面
  • 由于原页面可能会有路径冲突，将路径命名为"/xuxiaocong"这样比较拗口的路径
  • 实际项目路径中可增加guid等方式降低重复可能
  • 所有符合设置的路径都需要鉴权（调用/xuxiaocong/auth接口），一定注意接口的高性能
server {

    listen       80;

    listen  [::]:80;

    server_name  localhost;

    location / {                                        # 这里做演示，所有请求都需要鉴权，实际项目注意过滤条件

        proxy_pass http://www.damengsanqian.com/;       # 代理需要鉴权的站点

        proxy_set_header X-Original-URI $request_uri;

        auth_request /xuxiaocong/auth;                  # 鉴权接口

        error_page 401 /xuxiaocong/login;               # 401跳转登录页面

    }

    # 路径代理

    location /xuxiaocong {

        proxy_pass http://localhost:5000/xuxiaocong;

        auth_request off;                               # 该路径禁用鉴权

    }

    # 静态文件路径代理(flask框架限制)

    location /static/xuxiaocong {

        proxy_pass http://localhost:5000/static/xuxiaocong;

        auth_request off;                               # 该路径禁用鉴权

    }

    error_page   500 502 503 504  /50x.html;

    location = /50x.html {

        root   /usr/share/nginx/html;

    }

}

代码(Python)

开头所说的两个接口一个页面，用其他语言实现

  • /requirements.txt
flask
  • /main.py
import json

from flask import Flask, request, make_response, render_template

app = Flask(__name__)

# 登录，GET获取页面，POST验证账号密码并返回token

@app.route('/xuxiaocong/login', methods=['GET', 'POST'])

def login():

    if request.method == 'GET':

        resp = make_response(render_template('login.html'), 200)

        return resp

    else:

        # 获取post数据

        data = json.loads(request.get_data())

        username = data.get('username')

        password = data.get('password')

        if username == '1' and password == '1':

            return '7cp4VkZ3Nju1AOjy', 200

        else:

            return '账号或密码错误', 400

# 鉴权

@app.route('/xuxiaocong/auth')

def auth():

    token = request.cookies.get('xuxiaocong_token')

    # 模拟校验token

    # time.sleep(1)

    if token == '7cp4VkZ3Nju1AOjy':

        return '200', 200

    else:

        return '无token或token失效', 401
  • /templates/login.html
<!DOCTYPE html>

<html>

<head>

    <title>Login</title>

    <script src="{{ url_for('static',filename='xuxiaocong/axios.min.js') }}"></script>

</head>

<body>

    <h1>使用LCP/ATP账号登录</h1>

    <p>这里是测试</p>

    <p>账号：1</p>

    <p>密码：1</p>

    账号：<input type="text" name="username" id="username" />

    <br />

    密码：<input type="password" name="password" id="password" />

    <br />

    <input type="button" onclick="token()" value="登录" />

    <script>

        function token() {

            const username = document.getElementById("username").value

            const password = document.getElementById("password").value

            axios.post('/xuxiaocong/login', { username, password })

                .then(function (response) {

                    //设置cookie

                    setCookie('xuxiaocong_token', response.data)

                    location.reload()

                })

                .catch(function (error) {

                    alert(`发生错误：${error.response.data}`)

                })

        }

        function setCookie(name, value) {

            const Days = 30;

            const exp = new Date();

            exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);

            document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString();

        }

    </script>

</body>

</html>

项目

pip --default-timeout=200 install -r requirements.txt


set FLASK_APP=main

set FLASK_ENV=development

flask run -p 5000

# 如果nginx使用docker时，需要使用localhost无法访问宿主机

# 使用ip启动程序

# nginx配置也需要使用ip

flask run -h 本机ip -p 5000

docker nginx

内容 地址
网站 http://localhost:8881
基本配置 /etc/nginx/nginx.conf
站点配置 /etc/nginx/conf.d/default.conf

常用命令

nginx -s reload

vi /etc/nginx/conf.d/default.conf

rm -rf /etc/nginx/conf.d/default.conf

echo "" > /etc/nginx/conf.d/default.conf

nginx增加自定义账号鉴权的更多相关文章

  1. AOP自定义注解鉴权

    刚出来工作那会或者在学校的时候,经常听到说AOP(面向对象编程,熟称切面)的用途是日志.鉴权等.但是那会不会,后面学会了,又没有写博客记录,今天写给大伙,希望能帮到大家 一.学习目标:利用AOP+自定 ...

  2. 自定义分布式RESTful API鉴权机制

    微软利用OAuth2为RESTful API提供了完整的鉴权机制,但是可能微软保姆做的太完整了,在这个机制中指定了数据持久化的方法是用EF,而且对于用户.权限等已经进行了封装,对于系统中已经有了自己的 ...

  3. 搭建web之 服务器鉴权失败，请确认服务器已启用密码鉴权并且账号密码正确？

    实例化时,登录过程中出现 服务器鉴权失败! 这是由于密码错误所致! 第一种情况:原始随机密码 第一种情况,你没有修改密码,则可以直接查找原始密码: 过程详见官网 使用密码登录的前提条件 密码: 若用户 ...

  4. 使用auth_request模块实现nginx端鉴权控制

    使用auth_request模块实现nginx端鉴权控制 nginx-auth-request-module 该模块是nginx一个安装模块,使用配置都比较简单,只要作用是实现权限控制拦截作用.默认高 ...

  5. Shiro（4）默认鉴权与自定义鉴权

    =========默认鉴权======== 过滤链中定义: <!-- 过滤链定义 --> <property name="filterChainDefinitions&qu ...

  6. Spring Cloud注册中心Eureka设置访问权限并自定义鉴权页面

    原文:https://blog.csdn.net/a823007573/article/details/88971496 使用Spring Security实现鉴权 1. 导入Spring Secur ...

  7. springboot+security整合（3）自定义鉴权

    说明 springboot 版本 2.0.3源码地址:点击跳转 系列 springboot+security 整合(1) springboot+security 整合(2) springboot+se ...

  8. 使用SpringSecurity Oauth2.0实现自定义鉴权中心

    Oauth2.0是什么不在赘述,本文主要介绍如何使用SpringSecurity Oauth2.0实现自定义的用户校验 1.鉴权中心服务 首先,列举一下我们需要用到的依赖,本文采用的是数据库保存用户信 ...

  9. RESTful登录设计（基于Spring及Redis的Token鉴权）

    转载自:http://www.scienjus.com/restful-token-authorization/ http://m.blog.csdn.net/article/details?id=4 ...

  10. web开发常见的鉴权方式

    结合网上找的资料整理了一下,以下是web开发中常见的鉴权方法: 预备:一些基本的知识 RBAC(Role-Based Access Control)基于角色的权限访问控制(参考下面①的连接) l    ...

随机推荐

  1. Ubuntu18.04LTS虚拟机优化

    1.没网 刚安装好没网,可以设置NAT连接,也可以直接设置为桥接模式联网.这里直接桥接. 网络中心使用的是以太网,所以就在菜单的"编辑"里的"虚拟网络编辑器"里 ...

  2. 【转】wamp如何添加多个站点

    1.打开wamp目录下的bin目录下的apache/conf/extra/httpd-vhosts.conf文件(虚拟目录配置文件),修改文件:在num01下创建index.php文件,输出01,:在 ...

  3. 优化多if和else语句

    可以利用对象来进行映射 比如 let type = this.radio_value if (type === 'whole') { this.time_value = [] } else if (t ...

  4. sys&faker&jsonpath模块、异常处理、多线程、多进程

    1.sys模块 sys.argv 能获取运行文件时,文件名后面所传参数.结果是一个列表. import sys print(sys.argv) #获取运行python文件的时候传入的参数,会连同文件名 ...

  5. KingbaseES V8R6集群运维案例之---repmgr standby promote应用案例

    案例说明: 在容灾环境中,跨区域部署的异地备节点不会自主提升为主节点,在主节点发生故障或者人为需要切换时需要手动执行切换操作.若主节点已经失效,希望将异地备机提升为主节点. $bin/repmgr s ...

  6. flask框架的使用

    在学习了DJango后,又学习FLASK框架,刚入手的感觉就是好简单啊,简单的7行代码,就能搭建一个简单的WEB服务器. from flask import Flask app = Flask(__n ...

  7. es实现规格动态域生成

    1.就是把sepc的可以提取出来作为一个域(sepc是一个规格参数) 封装搜索条件(跟jdbc流程一样) @requestparam( required = false) 的作用?   不传值后台也不 ...

  8. Quartz 2D实现文字镂空效果

    什么是镂空效果,下图就是一个镂空效果的文字: 从图可知,文字是透明的,可以看到下面的图片内容,而UILabel其它部分是白色背景. 使用Quartz 2D绘制镂空效果,大体思路如下: 实现一个UILa ...

  9. chia NFT 经验

    除了NFT的ID 其他所有内容都可以相同包括NFT数据,meta,许可证 收藏集创建一次后就无法更改了,如果之后的mint中重新设置了收藏集,将无效, 收藏集只认UUID,不认名称.

  10. vue-cli3配置打包后的文件加上版本号

     修改vue.config.js