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

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

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

搭建与部署实操

1、前言

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

Githubhttps://github.com/GoogleChromeLabs/squoosh

Giteehttps://gitee.com/mirrors/Squoosh

2、准备

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

    宝塔Linux面板(BT-Panel)是一款简单好用的服务器运维面板,支持一键LAMP/LNMP/集群/监控/网站/FTP/数据库/JAVA等100多项服务器管理功能,能够极大提升运维管理效率。宝塔面板腾讯云专享版由腾讯云与堡塔公司联合开发,与普通版相比,专享版默认集成腾讯云COSFS、CDN和DNS解析插件,让用户更便捷的使用宝塔面板对腾讯云产品进行管理和操作。该镜像基于CentOS 7.8 64位操作系统。
    1625025586350.png
    管理云API之后,一些操作可以自动弄好,比如说腾讯购买的域名的新建网站的解析。
  2. PM2管理器5.2(目前是最新版本)
    1625025057122.png
  3. 在腾讯云云注册一个域名
  4. 新建一个网站(这是一个基本操作,不会的评论区留言)

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

4、访问方式

4.1公网ip直接访问

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

4.2域名访问

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

4.2.1 代理

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

具体看图:
1625023818972.png

4.2.2 修改文件

代理之后是不能直接使用的,打不开的,你会遇到‘Invalid Host header’错误,
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/

安利一下

安利一下,腾讯云限时秒的活动,优惠力度非常大,当前买到就是赚到了,1核2G的配置最低99元一年。

为了保证博主的写作兴趣,请大家有需要的一定要多多支持。以下连接内含(AFF)

什么是轻量无忧

无忧实例是在常规轻量应用服务器基础服务之上,享受一定额外权益的限定特殊实例,其性能、功能与普通实例无任何差异。

image.png

轻量无忧机器配置

image.png

轻量无忧计划 Lighthouse Care

【腾讯云】云产品限时秒杀,爆款1核2G云服务器,首年99元
腾讯云限时秒杀

【腾讯云】轻量应用服务器Lighthouse,上云「轻」而易举,1核1G3M低至128元/年,高带宽首选

期待下一次给大家带来更好的教程,我们下次再见。

最后修改:2021 年 07 月 01 日
如果觉得我的文章对你有用,请随意赞赏