之前博客一直用的公共的随机图API，虽然图片的质量都挺不错的，但是稳定性都比较一般，遂打算使用之前部署的兰空图床，自己弄一个随机图

本文章服务器操作基于雨云——新一代云服务提供商的云服务器进行操作，有兴趣的话可以去官网看看

兰空图床

兰空图床的部署过程可参考我之前的文章：搭建兰空图床并配合 PicGo 实现批量上传 | 火柴人儿的小站

获取Token

获取token的接口地址在兰空图床的接口文档中有写

image-20250213092539365

image-20250213092520923

使用api工具（ApiFox或者Postman都行）请求一次接口，Headers和Body按照我这个填就行，邮箱和密码要改成自己的

image-20250207101429551

image-20250207154216992

创建项目

  1. 创建项目

    • 初始化一个新的Node.js项目

      1
      npm init -y

    • 安装Express和Axios

      1
      npm install express axios

  2. 编写后端代码

    • 创建一个名为app.js的文件，并编写以下代码：

    • const express = require('express');
const axios = require('axios');
const app = express();
const port = 3000;   //自定义一个未使用的端口

app.get('/', async (req, res) => {
  try {
    const response = await axios.get('http://xxxxxx/api/v1/images?album_id=xx',{ //兰空图床接口，用于获取指定相册下的所有图片
        headers: {
        'Authorization': 'Bearer xxxxx',  // 兰空图床的Token
        'Accept': 'application/json',           // 兰开图床公共请求参数
      }
    });
    const images = response.data.data.data;
    const randomIndex = Math.floor(Math.random() * images.length);
    const randomImage = images[randomIndex];
    res.redirect(randomImage.links.url); //重定向到图片地址
  } catch (error) {
    res.status(500).send('Internal Server Error');
  }
});

app.listen(port, () => {
  console.log(`Server is running at http://localhost:${port}/`);
});


      1
      2
      3
      4
      5

      - 运行

        ```shell
        node app.js

  3. 测试

    浏览器访问地址localhost:3000就可以访问随机图片了，本地测试无误之后就需要放到服务器上运行了

部署

可能因为我是用docker部署的宝塔，所以有些问题，没法用宝塔部署node项目，所以改为手动部署

  1. 新建并进入目录randomImgs

    1
    2
    mkdir /home/randomImgs
    cd /home/randomImgs

  2. 将项目文件导入到randomImgs中（使用SSH工具导入，我这里用的是WindTerm）

    image-20250121134704632

  3. 若已经安装过node，则直接执行以下命令即可，未安装node的话安装此教程——如何在服务器上安装node、npm_服务器安装npm-CSDN博客即可安装，记得把里面的版本号改为16.17.0或者>=你本地的版本号

    1
    nohup node app.js &

    会提示nohup: ignoring input and appending output to ‘nohup.out’，这个是正常的，意思就是项目日志会追加到nohup.out文件中，直接回车就行

    image-20250121134754453

  4. 配置nginx

    1. 去DNS添加一条A记录来创建一个子域名

      image-20250207161039309

    2. 创建php项目，使用刚刚创建的子域名

      image-20250121134945721

    3. 添加反向代理，目标URL为http://服务器IP:3000

      image-20250121135111651

      这里的3000为node项目中app.js设定的端口

      image-20250121135140825

  5. 此时就可以通过子域名获取随机图了

优化

因为涉及到token，所以可以使用javascript混淆进行简单的防护

  1. 使用在线Javascript混淆加密，用混淆后的内容替换app.js中的内容

    image-20250121135354118