Skip to content

如何在本机搭建W12Scan

字数
539 字
阅读时间
3 分钟
更新日期
5/16/2019

W12Scan提供了用Docker一键部署的脚本,但是如果你是以学习的目的来看的话,本机搭建和调试变得重要许多,本文说说我自己本机调试环境是如何做的。

准备环境

首先你需要明白W12Scan工作的整体流程图

w12scan

W12Scan分为Web端与扫描(Client)端。

Web端代码开源https://github.com/w-digital-scanner/w12scan

扫描端代码开源https://github.com/w-digital-scanner/w12scan-client

你只需要按照Web端的要求使用Docker进行部署,就可以将整个W12Scan部署完成。扫描端代码仅提供参考(实际上在Web端的部署时,你会到Dockerhub中下载扫描端的相关docker)

W12Scan依赖四个主要服务,Redis、Elasticsearch、Web、Client,编程环境在Mac下。在本机进行调试的时候,我是这样安排的。

  • Redis

    • brew install redis安装redis
    • redis-server启动
  • Elasticsearch

    • 因为不想污染本地环境,所以倾向用docker启动
    • docker run -d -p 9200:9200 elasticsearch
    • 有时候也会在外网部署一台ES使用
  • Web

    python3 manage.py makemigrations
    python3 manage.py migrate
    • 初始化es表
    python3 pipeline/elastic.py
    • 创建一个用户
    python3 pipeline/user_add.py boyhack master@hacking8.com boyhack
  • 将创建账号密码为boyhack邮箱为master@hacking8.com的用户

    • 如果redis和elasticsearch 部署在本地了的话,就可以直接运行了

      • python3 manage.py runserver
      • 否则就增加两个环境变量来设置image-20190516232300331
  • Client

    • 下载 https://github.com/w-digital-scanner/w12scan-client
    • 安装nmap masscan
      • brew install nmap masscan
    • 安装依赖
      • pip3 install -r requirements.txt
    • 同样的,如果都部署在本地了(Web,Reids),直接运行即可
      • python3 main.py
      • 否则需要设置环境变量来说明Web或Redis的地址,具体到config.py中查看

End

整体步骤虽然多,但还是非常简单的,如果第一次部署好了,后面会更加方便。很多内容自己看源码可能会更快。

撰写

布局切换

调整 VitePress 的布局样式,以适配不同的阅读习惯和屏幕环境。

全部展开
使侧边栏和内容区域占据整个屏幕的全部宽度。
全部展开,但侧边栏宽度可调
侧边栏宽度可调,但内容区域宽度不变,调整后的侧边栏将可以占据整个屏幕的最大宽度。
全部展开,且侧边栏和内容区域宽度均可调
侧边栏宽度可调,但内容区域宽度不变,调整后的侧边栏将可以占据整个屏幕的最大宽度。
原始宽度
原始的 VitePress 默认布局宽度

页面最大宽度

调整 VitePress 布局中页面的宽度,以适配不同的阅读习惯和屏幕环境。

调整页面最大宽度
一个可调整的滑块,用于选择和自定义页面最大宽度。

内容最大宽度

调整 VitePress 布局中内容区域的宽度,以适配不同的阅读习惯和屏幕环境。

调整内容最大宽度
一个可调整的滑块,用于选择和自定义内容最大宽度。

聚光灯

支持在正文中高亮当前鼠标悬停的行和元素,以优化阅读和专注困难的用户的阅读体验。

ON开启
开启聚光灯。
OFF关闭
关闭聚光灯。

聚光灯样式

调整聚光灯的样式。

置于底部
在当前鼠标悬停的元素下方添加一个纯色背景以突出显示当前鼠标悬停的位置。
置于侧边
在当前鼠标悬停的元素旁边添加一条固定的纯色线以突出显示当前鼠标悬停的位置。