使用宝塔面板快速搭建谷歌出品图片在线压缩工具 - Squoosh

December 09, 2023
测试
测试
测试
测试
3 分钟阅读

使用宝塔面板快速搭建谷歌出品图片在线压缩工具 - Squoosh

1625024724935.png
1625024724935.png

https://squoosh.app/ 这个网站应该很多人都知道,这是谷歌出品在线图片压缩工具,压缩效率给力的很,是我日常在线压缩博客图片的主要工具,图片无损或低损高效压缩是提供小水管博客访问的有效方法之一,建议大家写文章上传图片时进行无损压缩。

因为谷歌的这个在线压缩web程序是开源的,我们自己也可以搭建在线图片压缩网站,这篇文章我就来分享一下,如何利用腾讯云轻量应用服务器的宝塔腾讯专享版来搭建这个开源的squoosh程序。

搭建与部署实操

1、前言

Squoosh是一个图像压缩Web应用程序,可让您深入研究各种图像压缩器提供的高级选项。图像压缩在本地处理;没有其他数据发送到服务器。

Github:https://github.com/GoogleChromeLabs/squoosh

Gitee:https://gitee.com/mirrors/Squoosh

2、准备

  1. 腾讯云轻量应用服务器(镜像选择宝塔腾讯云专享版本)
1625024928153.png
1625024928153.png

宝塔Linux面板(BT-Panel)是一款简单好用的服务器运维面板,支持一键LAMP/LNMP/集群/监控/网站/FTP/数据库/JAVA等100多项服务器管理功能,能够极大提升运维管理效率。宝塔面板腾讯云专享版由腾讯云与堡塔公司联合开发,与普通版相比,专享版默认集成腾讯云COSFS、CDN和DNS解析插件,让用户更便捷的使用宝塔面板对腾讯云产品进行管理和操作。该镜像基于CentOS 7.8 64位操作系统。

1625025586350.png
1625025586350.png

管理云API之后,一些操作可以自动弄好,比如说腾讯购买的域名的新建网站的解析。

  1. PM2管理器5.2(目前是最新版本)
1625025057122.png
1625025057122.png
  1. 在腾讯云云注册一个域名
  2. 新建一个网站(这是一个基本操作,不会的评论区留言)

3、下载

cd /www/wwwroot/网站
​
git clone https://gitee.com/mirrors/Squoosh.git
​
cd /www/wwwroot/网站/Squoosh
​
npm install
​
npm run build
​
npm start
​
​

以上命令一条一条执行,我是把程序代码放在了/www/wwwroot/网站/Squoosh,所以请自行修改为自己的路径。

成功启动后的截图:

微信截图_20210630111906.png
微信截图_20210630111906.png

4、访问方式

4.1公网ip直接访问

公网ip:端口号即可访问 (注意:在面板安全设置和轻量服务器的防火墙方向相关端口)

4.2域名访问

上面的访问方式已经实现可以正常使用了,如果我们能配置一个域名来访问,很完美了。下面就来设置一下。

4.2.1 代理

上面提到需要新建网站和绑定域名(使用的腾讯宝塔专享版本,设置好api之后,域名解析是自动处理的)其他版本可以自行解析绑定域名。我们在网站设置中设置反向代理

具体看图:

1625023818972.png
1625023818972.png
4.2.2 修改文件

代理之后是不能直接使用的,打不开的,你会遇到‘Invalid Host header’错误,

1625023950254.png
1625023950254.png

如何解决,修改文件,我们修改,比如这里的路径是‘/www/wwwroot/网站/Squoosh’找到package.json文件,打开编辑。在"scripts":下面的"start":添加如下代码:

--disableHostCheck=true

即:

"start": "webpack-dev-server --host 0.0.0.0 --disableHostCheck=true --hot",

修改好之后保存。

4.2.3重新编译

保存之后刷新网页是不生效的,你需要文件的根目录下面运行:

npm start

5、后台运行

借助screen来实现后台运行,安装方式如下:

# Centos系统
​
yum install screen
​
# 其它系统
​
apt-get install screen
5.1 重新编译

安装好screen之后,停止掉你刚刚运行的squoosh程序,创建一个screen会话,然后重新编译程序,让他安静的在后台运行即可,具体代码如下:

screen -S squoosh
​
cd /www/wwwroot/网站/Squoosh
​
npm start

其它

执行:screen -S squoosh 是创建screen会话

再执行screen -r squoosh 就会看到你的这个程序运行的状态。

有时候screen异常退出可能会提示状态为Attached,可以执行:screen -D -r squoosh进行恢复。

有时候可能会创建了多个同名的screen会话,可以执行:screen -ls查看对应会话的session id,然后使用screen -D -r sessionid进行恢复。

如果想杀死一个已经detached的screen会话,可以使用以下命令:

screen -X -S [session # you want to kill] quit

最后

做完以上所有的操作你有拥有一个属于自己的压缩网站啦,搭建好了么,赶紧和朋友们分享你的快乐吧。

博主站点

博主的个人博客地址是:https://www.hipyt.cn/

继续阅读

更多来自我们博客的帖子

如何安装 BuddyPress
由 测试 December 17, 2023
经过差不多一年的开发,BuddyPress 这个基于 WordPress Mu 的 SNS 插件正式版终于发布了。BuddyPress...
阅读更多
Filter如何工作
由 测试 December 17, 2023
在 web.xml...
阅读更多
如何理解CGAffineTransform
由 测试 December 17, 2023
CGAffineTransform A structure for holding an affine transformation matrix. ...
阅读更多