保姆级教程:Linux (Ubuntu) 部署流光卡片开源 API

流光卡片 API 开源地址 Github:https://github.com/ygh3279799773/streamer-card

流光卡片 API 开源地址 Gitee:https://gitee.com/y-gh/streamer-card

流光卡片在线使用地址:https://fireflycard.shushiai.com/

等等,你说你不知道流光卡片是什么?总之这是一个能将你得文字,或者图片美化成好看的卡片的工具哒~仙子你知道了吧,而且还提供了一个开源 api 可以调用哦

image-20240709152519725 image-20240709152051777

想要使用 api 调用服务,需要有一个服务器来时刻监听请求。

服务器终端界面阅读不方便,因此需要使用宝塔面板进行管理。

特别提醒:在部署服务器前,现在本地跑通流程是一个好习惯!!!(在开源地址里面也有视频教程)

一、轻量云服务器(阿里云)

1.1 服务器类型

省略购买过程,选最低配最便宜的即可。

在购买时选择 Ubuntu 镜像,版本随便选一个较新的稳定版即可。

重点强调,不要选择低版本 Linux,不要选择低版本 Linux,为什么不选择 centos7.9 呢?因为他得Linux 内核版本不支持

选择自定义密码,并设置密码。

image-20240709145433993

每个云服务器都是一个实例。

image-20240709145733787

1.2 添加宝塔面板

打开实例后的界面如下图。

为了更方便地操作我们的服务器,最好是使用便利工具(宝塔面板)来可视化管理。

因此在这里点击 远程连接。

image-20240709145752972

在上一步打开的界面,输入自己的密码,会进入服务器的终端界面。
在这里复制一下安装 宝塔界面 的代码:

wget -O install.sh https://download.bt.cn/install/install-ubuntu_6.0.sh && sudo bash install.sh ed8484bec

链接:https://www.bt.cn/new/download.html

image-20240709145852135

备注:在终端界面无法Ctrl + V,需要鼠标右键,然后选择粘贴。

image-20240709145918577

无脑输入y 。

image-20240709145927642

最终成功。

注意:

1.面板地址(后续使用第一个外网面板地址)、账户名、密码很重要,注意保存;

2.注意使用的端口,需要在服务器里打开。

image-20240709145952830

1.3 打开宝塔面板端口

在实例的安全组,点击安全组ID。

image-20240709150004669

点击手动添加。

image-20240709150012119

添加上面获得的端口,源选择 “所有IPv4(0.0.0.0/0)”,点击保存。

image-20240709150018929

二、操作宝塔面板

2.1 基础设置

打开上面的“外网面板地址”,输入用户名及密码。

image-20240709150127429

绑定宝塔账号(没有就免费注册一个)。

image-20240709150139099

选择套件,第一个就行。

image-20240709150146367

安装中……

image-20240709150153675

2.2 上传项目文件

再次强调:需要部署的文件,最好本地先把流程跑通。

上传项目压缩文件(源文件数量太多,以压缩方式上传)。

image-20240709150259130

解压文件。

image-20240709150305343

image-20240709150312819

在项目目录下,点开重点,安装项目所需要的库。

image-20240709150338879

2.3 安装 Node.js

Node.js 是一个 JavaScript 的运行环境。可在客户端、服务器运行,应用非常广泛。

在宝塔面板找到 Node项目。

由于是新的面板,需要先安装Node版本管理器。

image-20240709150359715

选择合适的源、版本就行安装。

image-20240709150408106

2.3.5 设置 Node 路径

使用管理器安装 Node 后,在宝塔的终端输入 node -v 查看版本号。

image-20240709150421503

第一次讯问 AI,决定加一下环境变量。

image-20240709150430968

选搜索找到 Node 的安装路径。

image-20240709150439725

根据 AI 的提示,一步步完成环境变量的设置。

image-20240709150448105

2.4 第一个 Node.js 项目

在同一个界面,添加项目。

image-20240709150457929

点击文件夹图标选择项目路径。

项目端口填3000,同时勾选“放行端口”。

image-20240709150506993

提示名称格式不正确,微调去掉“-”即可。

image-20240709150516249

打开设置,可以看到项目的运行情况。

image-20240709150523304

2.5 排错与运行

由于本地使用 python 脚本跑通过流程。

因此这里把 localhost 换为服务器的公网IP,重新进行请求。

失败了,在项目的设置里,可以看到项目日志。

image-20240709150535990

把报错丢给 AI,得知需要设置环境变量。

在宝塔面板的终端输入 npx puppeteer browsers install chrome

发现还没安装 puppeteer。

在终端输入 y 确认后,顺便自动把对应的 chrome 版本也下载好了。

image-20240709150549686

再次运行仍有问题,AI 建议在代码中直接指定chrome路径。

在 example1.js 的第42行下面插入以下代码:

executablePath: ‘/root/.cache/puppeteer/chrome/linux-126.0.6478.126/chrome-linux64/chrome’,

image-20240709150605559

以上设置后,还是有 puppeteer 无法访问 chrome 的问题。

经过问题AI,可能是权限问题。需要把这里改为 root。

image-20240709150741829

再次运行,发现日志有新的错误,说明chrome 路径设置OK了。

后面都是缺少库的内容,让 AI “一步步地” 详细解答问题,足够我们完成任务。

当然也可以把 “三、缺少的库” 中的代码在宝塔终端都安装一次,就可以了。

image-20240709150754181

服务器报错后,需要重启。

image-20240709150804485

三、缺少的库

在第二步结束后,还有 7 个库的缺少。

挨个在宝塔的终端安装即可。

sudo apt-get update
sudo apt-get install -y libatk1.0-0
sudo apt-get install -y libatk-bridge2.0-0
sudo apt-get install -y libxdamage1
sudo apt-get install -y libgbm1
sudo apt-get install -y libxkbcommon0
sudo apt-get install -y libpango1.0-0
sudo apt-get install -y libasound2

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://xiahunao.cn/news/3223894.html

如若内容造成侵权/违法违规/事实不符,请联系瞎胡闹网进行投诉反馈,一经查实,立即删除!

相关文章

如何在Excel中对一个或多个条件求和?

在Excel中,基于一个或多个条件的求和值是我们大多数人的常见任务,SUMIF函数可以帮助我们根据一个条件快速求和,而SUMIFS函数可以帮助我们对多个条件求和。 本文,我将描述如何在Excel中对一个或多个条件求和? 在Excel中…

2020 ICPC Shanghai Site B. Mine Sweeper II 题解 构造 鸽巢原理

Mine Sweeper II 题目描述 A mine-sweeper map X X X can be expressed as an n m n\times m nm grid. Each cell of the grid is either a mine cell or a non-mine cell. A mine cell has no number on it. Each non-mine cell has a number representing the number of…

gif压缩大小但不改变画质的最佳方法,7个gif压缩免费工具别错过!

你会不会也碰到过当你需要在自媒体平台上上传gif文件时,你会发现网页端最大限制为15MB,而手机端最大限制为5MB。那么如何在不不改变画质的同时压缩gif大小呢?如今,由于其特殊的动画以及快速传输的特点,gif文件已经成为…

原创作品—数据可视化大屏

设计数据可视化大屏时,用户体验方面需注重以下几点:首先,确保大屏信息层次分明,主要数据突出显示,次要信息适当弱化,帮助用户快速捕捉关键信息。其次,设计应直观易懂,避免复杂难懂的…

Zabbix自动发现

目录 自动发现的主要特点包括: 如何配置自动发现: 实验步骤 1. 创建自动发现规则 2. 给自动发现规则创建动作 3. 给新主机安装agent 在 Zabbix 中,自动发现(Auto Discovery)是一种强大的功能,用于自…

jmeter持续学习之----性能初级一些概念和指标

服务端为什么要进行性能测试 大量用户下,系统能否稳定运行(比较多) 用于硬件服务器的选型 用于软件技术的选型 性能测试关注的点 用户角度:响应时间 资源占用:并发用户数,TPS,资源占用(cpu,内存,JVM) 性能测试策略 基准测试:单用户测试,对…

WEB安全基础:网络安全常用术语

一、攻击类别 漏洞:硬件、软件、协议,代码层次的缺陷。 后⻔:方便后续进行系统留下的隐蔽后⻔程序。 病毒:一种可以自我复制并传播,感染计算机和网络系统的恶意软件(Malware),它能损害数据、系统功能或拦…

实时温湿度监测系统:Micropython编码ESP32与DHT22模块的无线数据传输与PC端接收项目

实时温湿度监测系统 前言项目目的项目材料项目步骤模拟ESP32接线连接测试搭建PC端ESP32拷录环境对ESP32进行拷录PC端搭建桌面组件本地数据接收桌面小组件部分 实验总结 前言 人生苦短,我用Python。 由于我在日常工作中经常使用Python,因此在进行该项目…

Excel第28享:如何新建一个Excel表格

一、背景需求 小姑电话说:要新建一个表格,并实现将几个单元格进行合并的需求。 二、解决方案 1、在电脑桌面上空白地方,点击鼠标右键,在下拉的功能框中选择“XLS工作表”或“XLSX工作表”都可以,如下图所示。 之后&…

C++基础知识:数组,数组是什么,数组的特点是什么?一维数组的三种定义方式,以及代码案例

1.数组的定义: 数组,就是一个集合,里面存放了相同类型的数据元素 2.数组的特点: 特点1:数组中的每个数据元素都是相同的数据类型 特点2:数组是由连续的内存位置组成的 3. 一维数组定义方式 维数组定义的三种方式: 1.数据类型 …

Studio One直播声音怎么调 Studio One直播没有声音输出怎么办 studio one如何设置声音变好听

Studio One做为新生代音乐工作站,凭借更低的价格和完备的功能,获得了音乐人和直播行业工作者的青睐,尤其是对硬件声卡的适配支持更好,特别适合用来配合线上教学和电商带货。 一、Studio One直播声音怎么调 在Studio One进行直播时…

linux使用chattr与lsattr设置文件/目录防串改

背景 linux服务器下,防止某个文件/目录被串改(增删改),可以使用chattr与lsattr设置,这是一种保护机制,用于防止意外地修改或删除重要的文件内容。 chattr与lsattr使用 1.设置目录 图中/tmp/zhk,设置目录属性文件可能被设置为不可更改(immutable)或者只追加(append …

0302GPIO外设输入功能

GPIO外设输入功能 输入部分硬件电路按键简介传感器模块简介按键和传感器模块的硬件电路 C语言的学习C语言数据类型宏定义typedef结构体枚举C语言知识总结 按键控制LED灯&光敏传感器蜂鸣器GPIO总结GPIO使用方法总结模块化编程的方法: 两个程序:按键控…

前端图表库G2快速上手

文档地址&#xff1a; https://g2-v3.antv.vision/zh/docs/manual/getting-started/ https://g2.antv.antgroup.com/ 安装&#xff1a; pnpm i antv/g2在vue3中使用&#xff1a; <script setup> import {Chart} from antv/g2; import {onMounted} from "vue"…

系统架构师考点--信息系统基础知识

大家好。今天我们来总结一下信息系统基础知识的相关考点&#xff0c;每年都会考&#xff0c;一般是在上午场选择题中&#xff0c;占3分左右&#xff0c;其次下午场论文也有可能会出相关的考题。 一、信息系统概述 信息系统&#xff1a; 是由计算机硬件、网络和通信设备、计算…

鸿蒙语言基础类库:【@ohos.util.Deque (线性容器Deque)】

线性容器Deque 说明&#xff1a; 本模块首批接口从API version 8开始支持。后续版本的新增接口&#xff0c;采用上角标单独标记接口的起始版本。 Deque&#xff08;double ended queue&#xff09;根据循环队列的数据结构实现&#xff0c;符合先进先出以及先进后出的特点&…

ESP32的I2S引脚及支持的音频标准使用说明

ESP32 I2S 接口 ESP32 有 2 个标准 I2S 接口。这 2 个接口可以以主机或从机模式&#xff0c;在全双工或半双工模式下工作&#xff0c;并且可被配置为 8/16/32/48/64-bit 的输入输出通道&#xff0c;支持频率从 10 kHz 到 40 MHz 的 BCK 时钟。当 1 个或 2 个 被配置为主机模式…

nvm安装报错(镜像问题)

一、问题报错 安装的时候如果跟着网上早些时候的配置&#xff0c;调整了setting文件&#xff0c;配置镜像的话&#xff0c;可能报这个错误。 这个是因为他没检索到后面的链接地址&#xff0c;因为镜像的地址新的已经更换了。使用这个吧&#xff1a; node_mirror: https://npm…

华为、H3C、锐捷、思科四大设备厂商交换机配置命令总结合辑

号主&#xff1a;老杨丨11年资深网络工程师&#xff0c;更多网工提升干货&#xff0c;请关注公众号&#xff1a;网络工程师俱乐部 下午好&#xff0c;我的网工朋友。 一直以来&#xff0c;对于华为、H3C、锐捷、思科交换机的命令配置&#xff0c;不断的有朋友留言&#xff0c;四…

解决本地操作云服务器上的Redis

方案一&#xff1a;开放Redis默认端口&#xff0c;本地通过公网IP端口号的形式访问。 方案二&#xff1a;每次将本地编写好的Java代码打包&#xff0c;放在云服务器上运行。 方案三&#xff1a;配置ssh端口转发&#xff0c;把云服务器的redis端口&#xff0c;映射到本地主机。 …