Code Monkey home page Code Monkey logo

whistle-client's Introduction

Whistle 客户端

Whistle 客户端是基于 Whistle (命令行版本) + Electron 开发的支持 Mac 和 Windows 的客户端,它不仅保留了命令行版本的除命令行以外的所有功能,且新增以下功能代替复杂的命令行操作,让用户使用门槛更低、操作更简单:

  1. 无需安装 Node,客户端下载安装后即可使用
  2. 打开客户端自动设置系统代理(可以通过下面的 Proxy Settings 关闭该功能,v1.2.4 版本开始默认不自动设置系统代理,需要通过 Proxy Settings 设置面板开启)
  3. 通过界面手动开启或关闭系统代理(相当于命令行命令 w2 proxy portw2 proxy 0
  4. 通过界面设置系统代理白名单(相当于命令行命令 w2 proxy port -x domains
  5. 通过界面修改代理的端口(客户端默认端口为 8888
  6. 通过界面新增或删除 Socks5 代理(相当于命令行启动时设置参数 --socksPort
  7. 通过界面指定监听的网卡地址(相当于命令行启动时设置参数 -H
  8. 通过界面设置代理的用户名和密码(相当于命令行启动时设置参数 -n xxx -w yyy
  9. 通过界面重启 Whistle
  10. 通过界面安装 Whistle 插件

安装或更新

Whistle 客户端目前只支持 Mac 和 Windows 系统,如果需要在 Linux、 Docker、服务端等其它环境使用,可以用命令行版本:https://github.com/avwo/whistle

安装和更新的方法是一样的,下面以安装过程为例:

Windows

  1. 下载名为 Whistle-v版本号-win-x64.exe 最新版本号的安装包

    没有管理员权限的用户可以下载 Whistle-user-installer-v版本号-win-x64.exe 用户版本安装包,跟默认版本的区别是 User Installer 不支持伪协议(whistle://client

  2. 打开安装包可能会弹出以下对话框,点击 确定允许访问 按钮即可

    image image image image

    一些公司的软件可能会把 Whistle.exe 以及里面让系统代理设置立即生效的 refresh.exe 文件误认为问题软件,直接点击允许放过即可,如果还有问题可以跟公司的安全同事沟通下给软件加白

Mac

Mac 有 Intel 和 M1 两种芯片类型,不同类型芯片需要下载不同的安装包,其中:

  1. M1 Pro、M2 Pro 等 M1 芯片的机型下载名为 Whistle-v版本号-mac-arm64.dmg 的最新版本号的安装包
  2. 其它非 M1 芯片机型下载名为 Whistle-v版本号-mac-x64.dmg 的最新版本号的安装包

下载成功点击开始安装(将 Whistle 图标拖拽到 Applications / 应用程序):

image

安装完成在桌面上及应用程序可以看到 Whistle 的图标:

image

点击桌边图标打开 Whistle,第一次打开时可能遇到系统弹窗,可以在“系统偏好设置”中,点按“安全性与隐私”,然后点按“通用”。点按锁形图标,并输入您的密码以进行更改。在“允许从以下位置下载的 App”标题下面选择“App Store”,或点按“通用”面板中的“仍要打开”按钮:

image

打开客户端会自动设置系统代理,第一次可能需要用户输入开机密码

image

一些公司的软件可能会把客户端里面引用的设置代理的 whistle 文件误认为问题软件,直接点击允许放过即可,如果还有问题可以跟公司的安全同事沟通下给软件加白

基本用法

  1. 顶部 Whistle 菜单
    • Proxy Settings
    • Install Root CA
    • Check Update
    • Set As System Proxy
    • Restart
    • Quit
  2. 安装插件
  3. 其它功能

顶部菜单

image

Proxy Settings

image
  1. Proxy Port:必填项,代理端口,默认为 8888
  2. Socks Port:新增 Socksv5 代理端口
  3. Bound Host:指定监听的网卡
  4. Proxy Auth:设置用户名和密码对经过代理的请求进行鉴权
  5. Bypass List:不代理的白名单域名,支持以下三种格式:
    • IP:127.0.0.1
    • 域名:www.test.com
    • 通配符:*.test.com(这包含 test.com 的所有子代域名)
  6. Use whistle's default storage directory:存储是否切回命令行版本的目录,这样可以保留之前的配置数据(勾选后要停掉命令行版本,否则配置可能相互覆盖)
  7. Set system proxy at startup:是否在启动时自动设置系统代理

Install Root CA

安装系统根证书,安装根证书后可能因为某些客户端不支持自定义证书导致请求失败,可以通过在 Proxy SettingsBypass List 设置以下规则(空格或换行符分隔):

*.cdn-apple.com *.icloud.com .icloud.com.cn *.office.com *.office.com.cn *.office365.cn *.apple.com *.mzstatic.com *.tencent.com *.icloud.com.cn

如果还未完全解决问题,可以把抓包列表出现的以下有问题的请求域名填到 Bypass List

image

Check Update

点击查看是否有新版本,如果有最新版本建议立即升级。

Set As System Proxy

托盘图标右键也支持该功能

开启或关闭系统代理,如果想在客户端启动的时候是否自动设置系统代理需要通过 Proxy SettingsSet system proxy at startup 设置。

Restart

重启客户端。

Quit

退出客户端,退出客户端会自动关闭系统代理。

安装插件

打开界面左侧的 Plugins Tab,点击上方 Install 按钮,输入要安装插件的名称(多个插件用空格或换行符分隔),如果需要特殊的 npm registry 可以手动输入 --registry=xxx 或在对话框下方选择之前使用过的 npm registry。

image

如输入:

whistle.script whistle.vase --registry=https://registry.npmmirror.com

后面的版本会提供统一的插件列表页面,用户只需选择安装即可,无需手动输入插件包名

其他功能

除了上述功能,其它非命令行操作跟命令行版的 Whistle 一样,详见:https://github.com/avwo/whistle

常见问题

1. 设置系统代理后,某些客户端(如:outlook、word 等)出现请求异常问题的原因及解决方法

Proxy SettingsBypass List 设置以下规则:

*.cdn-apple.com *.icloud.com .icloud.com.cn *.office.com *.office.com.cn *.office365.cn *.apple.com *.mzstatic.com *.tencent.com *.icloud.com.cn

如果还未完全解决,可以把抓包列表出现的以下有问题的请求域名填到 Bypass List

image

2. 如何更新客户端?

​ 打开左上角 Whistle 菜单 / Check Update 按钮,检查是否有最新版本,如果有按更新指引操作,或者直接访问 https://github.com/avwo/whistle-client/releases 下载系统相关的版本

3. 如何同步之前的数据?

Whistle 客户端默认使用独立的目录,如果要复用之前命令行版本的目录,可以通过 Proxy SettingsUse whistle's default storage directory 切回命令行的默认目录:

image

要确保同一目录只有一个实例,否则会导致配置相互覆盖

如果想让客户端保持独立的目录,也可以通过以下方式手动同步数据:

  1. 手动同步 Rules:从老 Whistle / Rules / Export / ExportAll 导出规则后,再通过 Whistle 客户端 / Rules / Import 导入
  2. 手动同步 Values:从老 Whistle / Values / Export / ExportAll 导出规则后,再通过 Whistle 客户端 / Values / Import 导入
  3. 手动同步 Plugins:通过 Plugins:从老 Whistle / Plugins / ReinstallAll / Copy 按钮复制所有插件名称,再通过客户端 Plugins / Install / 粘贴 / Install 按钮安装
image

License

MIT

whistle-client's People

Contributors

avwo avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

whistle-client's Issues

图片预览错误

当请求图片链接获取图片时 请求多次后Whistle可能会因为链接相同而将他们都使用第一张图片的解析效果作为预览
而当请求的是一些动态更新的图片(比如验证码图片)他们的base64内容完全不同
从而造成预览错误 建议使用Hash判重

应用内开机自启

后续能支持开机自启吗?就像命令行的w2 start放进开机启动项。可以加个开关之类的。如果可以的话,非常感谢!

自定义UI样式

是否可以提供一个自定义ui样式的入口
我想的两种可能

  1. 自定义css入口,覆盖本身的css样式,可以通过插件的方式安装css,或者electron单独的入口覆盖css
  2. 一个自定义入口,简单的自定义字体大小颜色间距之类的

Consider updating icon design

Hello developer, thanks for your great work. However, the icon looks out of place under macOS. Replacing the icon will make Whistle looks better. I've made a version for your reference:

icon.zip

By the way, I think it would look better with a pure white background, as the original gray is too close to the macOS dock background.

diff

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.