专栏首页upuptop的专栏使用码云(gitee)撸一个免费图床V2.0

使用码云(gitee)撸一个免费图床V2.0

使用码云(gitee)码云作一个免费图床V2.0

效果

1

前言

第一版已完成,这篇文章是在第一版的基础上进行改造升级了。第一版的详细文章请见>>>https://blog.csdn.net/pyfysf/article/details/103990753

https://www.cnblogs.com/upuptop/p/12197125.html

第一版完成的预览图,目前我这里已经开发好了免费图床多人版本,并且已经部署到服务器上了,服务器比较廉价,访问速度一般。如果想使用免费图床的朋友们,可以添加我微信(pyfysf_123)领取免费账号哟!

第一个版本的缺陷

V1.0 的做法逻辑是 利用gitee的gitpage服务,通过上传文件,将文件链接转换为gitpage服务的访问地址 ,**缺陷:**因为是使用了gitpage服务,所以每次上传完成之后都需要刷新图床操作(重新发布gitpage),还会出现频繁操作的错误。

解决问题

V2.0使用了资源文件的访问方式操作直接对仓库的文件进行raw访问

https://gitee.com/quxuecx/TypechoBlogImg/raw/master/1589128646_20200510124846298_15964.jpg

具体步骤

创建一个新的公开仓库

format,png

创建成功之后,获取你的仓库git地址:

这个地方后续开发中会用到,一定要记得哦

https://gitee.com/apk2sf/TypechoBlogImg.git apk2sf: 用户标识 TypechoBlogImg: 仓库名称

不需要开启gitpage服务

创建私人令牌

format,png

开始开发

码云OpenAPI :https://gitee.com/api/v5/swagger

我们这里主要使用到了

  • 仓库 > 新建文件:https://gitee.com/api/v5/swagger#/postV5ReposOwnerRepoContentsPath

参数列表:点击下方的测试按钮,可以查看到请求地址

  • 请求建立Pages --> 刷新仓库的giteePages服务

码代码

代码基本上没有什么逻辑,通过http协议请求码云的api就好了。下面是后端java代码分享

常量管理类

GiteeImgBedConstant.java

/**
 * 码云博客图床的常量类
 *
 * @author: pyfysf
 * <p>
 * @qq: 337081267
 * <p>
 * @CSDN: http://blog.csdn.net/pyfysf
 * <p>
 * @blog: http://wintp.top
 * <p>
 * @email: pyfysf@163.com
 * <p>
 * @time: 2019/12/8
 */
public interface GiteeImgBedConstant {
    /**
     * TODO:这个常量是码云为您分配的私人令牌,Token  这里的代码会报错,仅仅是为了提醒您进行修改
     */
    String ACCESS_TOKEN =

    /**
     * 仓库所属地址  这个是您的私人用户名 具体请参考创建仓库时的注意事项
     */
    String OWNER = 
    /**
     * TODO:仓库名称  这里是您的仓库名称
     */
    String REPO_NAME = 
    /**
     * TODO:上传图片的message
     */
    String CREATE_REPOS_MESSAGE = "add img";
    /**
     * TODO:文件前缀
     */
    String IMG_FILE_DEST_PATH = "/img/" + DateUtil.format(new Date(), "yyyy_MM_dd") + "/";

    /**
     * 新建文件
     * <p>
     * owner*   仓库所属空间地址(企业、组织或个人的地址path)
     * repo*    仓库路径
     * path*    文件的路径
     * content* 文件内容, 要用 base64 编码
     * message* 提交信息
     * <p>
     * %s =>仓库所属空间地址(企业、组织或个人的地址path)  (owner)
     * %s => 仓库路径(repo)
     * %s => 文件的路径(path)
     */
    String CREATE_REPOS_URL = "https://gitee.com/api/v5/repos/%s/%s/contents/%s";
    /**
     * 请求建立page  如果建立了,可以刷新
     * <p>
     * owner*  仓库所属空间地址(企业、组织或个人的地址path)
     * repo*    仓库
     */
    String BUILD_PAGE_URL = "https://gitee.com/api/v5/repos/%s/%s/pages/builds";
    /**
     * TODO:gitpage请求路径
     * 示例:"https://gitee.com/quxuecx/TypechoBlogImg/raw/master/";
     */
    String GITPAGE_REQUEST_URL =

}

GiteeBlogImgMController.java


import org.springframework.transaction.annotation.Transactional;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.multipart.MultipartFile;

import java.util.HashMap;
import java.util.Map;

import cn.hutool.core.codec.Base64;
import cn.hutool.core.util.IdUtil;
import cn.hutool.http.HttpUtil;
import cn.hutool.json.JSONObject;
import cn.hutool.json.JSONUtil;
import io.swagger.annotations.Api;
import lombok.extern.slf4j.Slf4j;
import top.wintp.upuptopboot.common.constant.GiteeImgBedConstant;
import top.wintp.upuptopboot.common.utils.ResultUtil;
import top.wintp.upuptopboot.common.vo.Result;



@Slf4j
@RestController
@Api(description = "码云博客图床管理接口")
@RequestMapping("/api/giteeBlogImg")
@Transactional
public class GiteeBlogImgMController {

    @RequestMapping("saveImg")
    @ResponseBody
    public Result<Map<String, Object>> saveImg(@RequestParam(value = "imgFile", required = true) MultipartFile imgFile) throws Exception {
        Result<Map<String, Object>> result = ResultUtil.success("请求成功");

        Map<String, Object> resultMap = new HashMap<String, Object>();

        String trueFileName = imgFile.getOriginalFilename();

        assert trueFileName != null;
        String suffix = trueFileName.substring(trueFileName.lastIndexOf("."));

        String fileName = System.currentTimeMillis() + "_" + IdUtil.randomUUID() + suffix;


        String paramImgFile = Base64.encode(imgFile.getBytes());

        //转存到gitee
        Map<String, Object> paramMap = new HashMap<>();
        paramMap.put("access_token", GiteeImgBedConstant.ACCESS_TOKEN);
        paramMap.put("message", GiteeImgBedConstant.CREATE_REPOS_MESSAGE);
        paramMap.put("content", paramImgFile);

        String targetDir = GiteeImgBedConstant.IMG_FILE_DEST_PATH + fileName;
        String requestUrl = String.format(GiteeImgBedConstant.CREATE_REPOS_URL, GiteeImgBedConstant.OWNER, 
        GiteeImgBedConstant.REPO_NAME, targetDir);

        System.out.println(requestUrl);


        String resultJson = HttpUtil.post(requestUrl, paramMap);

        JSONObject jsonObject = JSONUtil.parseObj(resultJson);
        if (jsonObject.getObj("commit") != null) {
            String resultImgUrl = GiteeImgBedConstant.GITPAGE_REQUEST_URL + targetDir;
            resultMap.put("resultImgUrl", resultImgUrl);
            System.out.println(resultJson);
            result.setCode(200);
        } else {
            result.setCode(400);
        }
        result.setResult(resultMap);

        return result;
    }

/* 
    这里不需要刷新图床了
    @RequestMapping("refreshPage")
    @ResponseBody
    public Result<Object> refreshPage() throws Exception {
        Result<Object> result = ResultUtil.success("成功");

        Map<String, Object> paramMap = new HashMap<>();
        paramMap.put("access_token", GiteeImgBedConstant.ACCESS_TOKEN);

        String requestUrl = String.format(GiteeImgBedConstant.BUILD_PAGE_URL,
                GiteeImgBedConstant.OWNER, GiteeImgBedConstant.REPO_NAME);

        System.out.println(requestUrl);

        Map<String, Object> resultMap = new HashMap<>();
        String resultJson = HttpUtil.post(requestUrl, paramMap);

        JSONObject jsonObject = JSONUtil.parseObj(resultJson);
        if (jsonObject.getStr("status") != null) {
            String notice = jsonObject.getStr("notice");
            if (notice != null) {
                if ("Deployed frequently".equalsIgnoreCase(notice)) {
                    resultMap.put("message", "部署频繁");
                    result.setCode(404);
                } else {
                    resultMap.put("message", "其他错误");
                }
                result.setCode(404);

            }
        } else {
            result.setCode(200);
        }


        System.out.println(resultJson);

        return result;
    }

*/

}

Result类:

@Data
public class Result<T> implements Serializable{

    private static final long serialVersionUID = 1L;

    /**
     * 成功标志
     */
    private boolean success;

    /**
     * 消息
     */
    private String message;

    /**
     * 返回代码
     */
    private Integer code;

    /**
     * 时间戳
     */
    private long timestamp = System.currentTimeMillis();

    /**
     * 结果对象
     */
    private T result;
}

关于代码说明:里面所用到的工具包在Hutool中,具体的import已在博文中提供。如遇到问题,欢迎加我好友哦~ QQ:337081267

后端代码就这样愉快的结束了……

前端代码

V1.0穿越门

与V1.0一致

略……

升级优点

通过raw的地址进行访问,就可以不需要gitpage服务了,也不需要重新刷新图床了。一个公开的仓库,一个token 既可完成。省略了开通gitpage的服务步骤,修复了无法及时刷新图片的问题。

shaofeer

如果你想使用这样一个图床,但是又不想自己开发,你可以添加我的微信,可以免费使用我的平台……

原创不易,莫要白票,觉得有点用的话,请你为本文点个在看

或者转发一下吧,因为这将是我写作更多优质文章的最强动力。

本文分享自微信公众号 - 趣学程序(quxuecx),作者:shaofeer

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2020-05-14

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 五个刁钻的String面试问题及解答

    先看第一个打印语句,在Java中==这个符号是比较运算符,它可以基本数据类型和引用数据类型是否相等,如果是基本数据类型,==比较的是值是否相等,如果是引用数据类...

    趣学程序-shaofeer
  • 【趣学程序】java常用类(一)

    String表示字符串,所谓字符串,就是一连串的字符,是java中最常用的类之一。 String是不可变类,一旦String对象被创建,包含在对象中的字符序列(...

    趣学程序-shaofeer
  • 【趣学程序】集群之间配置SSH无密码登录

    注意 假设以上配置是在A机器上配置的,目标机器为B。那么我们就可以在A机器上通过 ssh B的IP 访问B这台机器了 如果你想在B电脑上也可以免密登录A机器,那...

    趣学程序-shaofeer
  • 剑指offer第八天

    32.把数组排成最小的数 输入一个正整数数组,把数组里所有数字拼接起来排成一个数,打印能拼接出的所有数字中最小的一个。例如输入数组{3,32,321},则打印出...

    郭耀华
  • leetcode之最常见的单词

    这里使用Map来统计单词,并使用Set来查询是否为禁用词,若为禁用词则不加入Map中统计,最后遍历Map取出计数最大的单词。

    codecraft
  • 实现一个简单的抢红包的单机控制台游戏

    设:人数:remainCount 剩余金额:remainMoney 红包随机金额范围为[1, remainMoney/remainCount*2] 最后一个红包...

    暮雨
  • 实现一个简单的抢红包的单机控制台游戏

    第二个问题:数据存储,这里简单的使用了map做数据的存储,这是一种内存性存储,程序运行完就释放了,那么怎么将数据持久化储存呢?我们常用的方案是DB或本地文件。在...

    暮雨
  • ArrayList foreach 循环里进行元素的 remove add 操作有什么现象?

    先来看看《阿里巴巴Java开发手册》中的一段 【强制】不要在 foreach 循环里进行元素的 remove/add 操作。remove 元素请使用 Itera...

    冷冷
  • 宋江:成功的人力资源总监,失败的CEO!

    宋江挖尽天下豪杰,“猎人” 手法之独特,思路之新颖,让人拍案叫绝。作为一名人力资源总监,他可谓高手中的高手。但作为CEO,他又把整支队伍带向深渊,最终葬送一切。...

    华章科技
  • Web端Mysql在线注入神器[源文件]

    周俊辉

扫码关注云+社区

领取腾讯云代金券