整理几个超实用的前端提效shell命令
nanshan 2024-10-28 16:33 25 浏览 0 评论
curl
curl 是常用的命令行工具,用来请求 Web 服务器。它的名字就是客户端(client)的 URL 工具的意思。curl 功能非常强大,它的命令可以直接放到 postman 使用,postman 也是支持 curl 的请求方式。
常用的结果参数
curl 的参数包括很多,这里只说几个常用的,如果遇到复杂情况可以参考文档。
不知道是不是还有的小伙伴不知道 postman 直接支持 curl 命令,在 postman 中点击 code 就会出现对应请求的curl命令
- -X 参数指定 HTTP 请求的方法。
- -H 参数添加 HTTP 请求的标头。
- -d 参数用于发送 POST 请求的数据体。使用 -d 参数以后,HTTP 请求会自动加上标头Content-Type : application/x-www-form-urlencoded。并且会自动将请求转为 POST 方法,因此可以省略-X POST
- -b 参数用来向服务器发送 Cookie。
想了解更多参数可以去看下阮一峰老师文档 https://www.ruanyifeng.com/blog/2019/09/curl-reference.html
curl 项目中应用
如果对 curl 熟悉的小伙伴完全可以替代 postman 等工具,小伙伴可以直接模拟请求。(我认为curl能看到懂常用命令就够了)
因为在 BFF 项目中,好多时候前端也参与开发,我们也会直接调用后端的接口,有时候报错不知道是不是自己参数写错了,或者 cookie 有问题,找问题调试不方便,在 local 环境下,我们会直接打印出完整的 curl 请求,这时候可以直接看出错误,开发者只需要知道 curl 的一些参数就可以,还可以直接把 curl 命令复制到 postman 进行调试。看一下具体实现部分代码
//只在本地环境输出
if (ctx.app.config.env === 'local') {
const str =
curlString(url, {
method,
headers,
body,
}) + '\n';
console.log('\x1b[32m%s\x1b[0m', str);
}
/**
* Builds a curl command and returns the string.
* @param {String} url Endpoint
* @param {Object} options Object with headers, etc. (fetch format)
* @return {String} cURL command
*/
function curlString(url, options) {
const method = options && options.method && typeof options.method === 'string' ? options.method.toUpperCase() : 'GET';
const hasHeaders = options && options.headers && typeof options.headers === 'object';
const hasBody = options && options.body;
let curl = `\ncurl --request ${method} \\\n--url '${url}'`;
if (hasHeaders) {
curl +=
' \\\n' +
Object.entries(options.headers)
.filter(([key, value]) => value !== undefined)
.map(([key, value]) => `--header '${key}: ${value}'`)
.join(' \\\n');
}
if (hasBody) {
curl += ` \\\n--data '${bodyToDataString(options)}'`;
}
return curl;
}
/**
* Constructs a body string for use inside --data
* @param {Object} options Object with headers, etc. (fetch format)
* @return {String} cURL command data string
*/
function bodyToDataString(options) {
let parsedData;
try {
parsedData = JSON.parse(options.body);
} catch (e) {
// fall back to original body if it could not be parsed as JSON
parsedData = options.body;
}
// return an ampersand delimited string
const headers = _.get(options, 'headers');
const contentType = _.toLower(_.get(headers, 'content-type') || _.get(headers, 'Content-Type'));
if (contentType === 'application/x-www-form-urlencoded') {
if (typeof parsedData === 'string') {
return parsedData;
} else {
return Object.entries(parsedData)
.map(([key, val]) => `${key}=${val}`)
.join('&');
}
} else {
return JSON.stringify(parsedData);
}
}
vim 中的基本操作和配置
非 insert 模式
在 vim 打开文件后,还没有使用插入编辑,可以做哪些基本操作
- G 快速移动到文件底部(常用于查看日志)
- gg 快速移动到文件顶部
- 0 快速移动到行首
- $ 快速移动到行尾
- :13 快速移动到特定行
- ZZ 光标移动到本屏中间
- dd 剪切本行
- yy 复制本行
- u 撤销(undo缩写,撤销)
- p 粘贴 (p指paste,粘贴)
- 在 mac 系统下可以 option+点击 快速移动到想要的位置(也就是光标)
insert 模式
前面说了多种移动方式,接下来结束几个常用的 insert 命令,我这里就结束一些常用简单的
- i 在当前光标的前面进行编辑
- o 快速进入 insert 模式,并定位到下一行编辑
- esc 退出 insert 模式,与 <crtl-[>
ping
在网络中 ping 是一个十分强大的 TCP/IP 工具。
- 用来检测网络的连通情况和分析网络速度
- 根据域名得到服务器IP
- 根据ping返回的TTL值来判断对方所使用的操作系统及数据包经过路由器数量。
bytes值:数据包大小,也就是字节。
time值:响应时间,这个时间越小,说明你连接这个地址速度越快。
TTL值:Time To Live,表示DNS记录在DNS服务器上存在的时间,它是 IP 协议包的一个值,告诉路由器该数据包何时需要被丢弃。可以通过 Ping 返回的 TTL 值大小,粗略地判断目标系统类型是 Windows 系列还是 UNIX/Linux 系列。
默认情况下,Linux 系统的TTL值为64或255,WindowsNT/2000/XP 系统的 TTL 值为 128,Windows98 系统的 TTL 值为32,UNIX 主机的 TTL 值为 255。
除了直接 ping ip ,还可以 ping 域名,会自动把域名解析为 ip。
应用
最常用的方式是直接ping ip地址,测试网络连通性
学会看懂出错提示信息
(1)NoAnswer:这种故障表明本机有一条通向中心主机的路由,但没有收到发给该中心主机的任何信息。原因可能是:中心主机没有工作、本机或中心主机网络配置不正确、本地或中心的路由器没有工作、通信线路有故障、中心主机存在路由选择问题,等等。
(2)Request Timed Out:超时错误,被测试的机器不能正常连接,原因可能是该主机此时未连接(如已关机)、或到路由器的连接有问题、或路由器不能通过,或对方主机使用了防火墙软件禁止进行 Ping 测试等等。
(3)Unknown Host Name:无法解析主机名字,可能是DNS设置不对,或者对方主机不存在
telnet
telnet 经常可以确定远程服务的状态,比如确定远程服务器的某个端口是否能访问(端口连通性)。
telenet是windows标准服务,可以直接用;如果是linux或者mac,需要自己安装telnet
使用 telnet ip port
1)先用telnet连接不存在的端口
[root@localhost ~]# telnet 10.0.250.3 80
Trying 10.0.250.3...
telnet: connect to address 10.0.250.3: Connection refused #直接提示连接被拒绝
2)再连接存在的端口
[root@localhost ~]# telnet localhost 22
Trying ::1...
Connected to localhost. #看到Connected就连接成功了
Escape character is '^]'.
SSH-2.0-OpenSSH_5.3
a
Protocol mismatch.
Connection closed by foreign host.
总结
优秀和常用的 shell 命令有好多,我这里只写了几个非常常用,并且前端开发者也会经常用到的命令,希望对小伙伴们有一丢丢帮助。
相关推荐
- Let’s Encrypt免费搭建HTTPS网站
-
HTTPS(全称:HyperTextTransferProtocoloverSecureSocketLayer),是以安全为目标的HTTP通道,简单讲是HTTP的安全版。即HTTP下加入...
- 使用Nginx配置TCP负载均衡(nginx tcp负载)
-
假设Kubernetes集群已经配置好,我们将基于CentOS为Nginx创建一个虚拟机。以下是实验种设置的详细信息:Nginx(CenOS8Minimal)-192.168.1.50Kube...
- Nginx负载均衡及支持HTTPS与申请免费SSL证书
-
背景有两台minio文件服务器已做好集群配置,一台是192.168.56.41:9000;另一台是192.168.56.42:9000。应用程序通过Nginx负载均衡调用这两台minio服务,减轻单点...
- HTTPS配置实战(https配置文件)
-
原因现在网站使用HTTPS是规范操作之一,前些日子买了腾讯云服务,同时申请了域名http://www.asap2me.top/,目前该域名只支持HTTP,想升级为HTTPS。关于HTTPS的链接过程大...
- 只有IP地址没有域名实现HTTPS访问方法
-
一般来说,要实现HTTPS,得有个注册好的域名才行。但有时候呢,咱只有服务器的IP地址,没注册域名,这种特殊情况下,也能照样实现HTTPS安全访问,按下面这些步骤来就行:第一步,先确认公网...
- 超详解:HTTPS及配置Django+HTTPS开发环境
-
众所周知HTTP协议是以TCP协议为基石诞生的一个用于传输Web内容的一个网络协议,在“网络分层模型”中属于“应用层协议”的一种。在这里我们并不研究该协议标准本身,而是从安全角度去探究使用该协议传输数...
- Godaddy购买SSL之后Nginx配置流程以及各种错误的解决
-
完整流程:参考地址:https://sg.godaddy.com/zh/help/nginx-generate-csrs-certificate-signing-requests-3601生成NGI...
- Nginx从安装到高可用,一篇搞定(nginx安装与配置详解)
-
一、Nginx安装1、去官网http://nginx.org/下载对应的nginx包,推荐使用稳定版本2、上传nginx到linux系统3、安装依赖环境(1)安装gcc环境yuminstallgc...
- 阿里云免费证书申请,配置安装,使用tomcat,支持http/https访问
-
参数说明商品类型默认已选择云盾证书服务(无需修改)。云盾证书服务类型SSL证书服务的类型。默认已选择云盾SSL证书(无需修改),表示付费版SSL证书。如果您需要免费领取或付费扩容DV单域名证书【免费试...
- 你试过两步实现Nginx的规范配置吗?极速生成Nginx配置小工具
-
NGINX是一款轻量级的Web服务器,最强大的功能之一是能够有效地提供HTML和媒体文件等静态内容。NGINX使用异步事件驱动模型,在负载下提供可预测的性能。是当下最受欢迎的高性能的Web...
- 从零开始搭建HTTPS服务(搭建https网站)
-
搭建HTTPS服务的最初目的是为了开发微信小程序,因为wx.request只允许发起HTTPS请求,并且还必须和指定的域名进行网络通信。要从零开始搭建一个HTTPS的服务需要下面4...
- 群晖NAS使用官网域名和自己的域名配置SSL实现HTTPS访问
-
安全第一步,群晖NAS使用官网域名和自己的域名配置SSL实现HTTPS访问【新手导向】NAS本质还是一个可以随时随地访问的个人数据存储中心,我们在外网访问的时候,特别是在公网IP下,其实会面临着很多安...
- 让网站快速升级HTTPS协议提高安全性
-
为什么用HTTPS网络安全越来越受到重视,很多互联网服务网站,都已经升级改造为https协议。https协议下数据包是ssl/tcl加密的,而http包是明文传输。如果请求一旦被拦截,数据就会泄露产生...
- 用Https方式访问Harbor-1.9版本(https访问流程)
-
我上周在头条号写过一篇原创文章《Docker-Harbor&Docker-kitematic史上最详细双系统配置手册》,这篇算是它的姊妹篇吧。这篇文章也将用到我在头条写的另一篇原创文章的...
- 如何启用 HTTPS 并配置免费的 SSL 证书
-
在Linux服务器上启用HTTPS并配置免费的SSL证书(以Let'sEncrypt为例)可以通过以下步骤完成:---###**一、准备工作**1.**确保域名已解析**...
你 发表评论:
欢迎- 一周热门
-
-
极空间如何无损移机,新Z4 Pro又有哪些升级?极空间Z4 Pro深度体验
-
如何在安装前及安装后修改黑群晖的Mac地址和Sn系列号
-
爱折腾的特斯拉车主必看!手把手教你TESLAMATE的备份和恢复
-
10个免费文件中转服务站,分享文件简单方便,你知道几个?
-
[常用工具] OpenCV_contrib库在windows下编译使用指南
-
日本海上自卫队的军衔制度(日本海上自卫队的军衔制度是什么)
-
【系统配置】信创终端挂载NAS共享全攻略:一步到位!
-
UOS服务器操作系统防火墙设置(uos20关闭防火墙)
-
Ubuntu系统Daphne + Nginx + supervisor部署Django项目
-
WindowsServer2022|配置NTP服务器的命令
-
- 最近发表
- 标签列表
-
- linux 查询端口号 (58)
- docker映射容器目录到宿主机 (66)
- 杀端口 (60)
- yum更换阿里源 (62)
- internet explorer 增强的安全配置已启用 (65)
- linux自动挂载 (56)
- 禁用selinux (55)
- sysv-rc-conf (69)
- ubuntu防火墙状态查看 (64)
- windows server 2022激活密钥 (56)
- 无法与服务器建立安全连接是什么意思 (74)
- 443/80端口被占用怎么解决 (56)
- ping无法访问目标主机怎么解决 (58)
- fdatasync (59)
- 405 not allowed (56)
- 免备案虚拟主机zxhost (55)
- linux根据pid查看进程 (60)
- dhcp工具 (62)
- mysql 1045 (57)
- 宝塔远程工具 (56)
- ssh服务器拒绝了密码 请再试一次 (56)
- ubuntu卸载docker (56)
- linux查看nginx状态 (63)
- tomcat 乱码 (76)
- 2008r2激活序列号 (65)