通过阿里云搭建图床工具

骑猪看日落 2022-06-02 04:46 278阅读 0赞

# 背景 #

最近由MAC换成了Windows系统了,在写博客的时候发现没有类似于Mac上的iPic这样好用的图床工具,本着自己动手丰衣足食的原则,准备自己实现一个,具体过程是在cmd中可以上传指定图片,然后生成md格式的图片路径,并复制到剪切板,在使用的时候可以直接粘贴即可

# 用到的技术 #

本次所用到的技术如下:  
\- Python3.6  
\- 阿里云OSS  
\- 阿里云ECS  
\- nginx

# OSS #

首先图床应用需要选择图片存储的位置,恰好在双十一的时候,阿里云赠送了40G的OSS资源包,于是就选择了阿里云的OSS

## 创建Bucket ##

阿里云的OSS在使用的时候首先需要创建Bucket,可以简单的理解为40G是我们硬盘的总大小,而Bucket是磁盘分区,Bucket创建的时候,需要配置访问权限  
![CfyInfo][]  
这里需要注意的是区域需要选择和你的ECS服务器是同一个区域的,因为这样内网访问才不会走流量,否则按照文档上的说法,是只能走公网访问,而读写权限这里,我选择的是公共读,我的理解是可以访问图片,而不能上传图片

## Python代码 ##

接下来是Python的代码部分,需求是上传图片,然后将符合MD格式的图片文本写入剪切板中,首先是代码

import oss2
    import uuid
    import pyperclip #用来操作粘贴板
    
    
    # 获取远程文件名
    def get_remote_file_name(local_name):
        name = uuid.uuid4().__str__().replace("-", "").upper()
        local_name = str(local_name).rsplit(".")
        return "pics/%s.%s" % (name, local_name[-1])
    
    
    BUCKET_NAME = "cfy-pic"
    PRE = "http://**.**.**.**:88/img/"
    ENDPOINT = "http://oss-cn-beijing.aliyuncs.com"
    ACCESS_KEY_ID = "******"
    ACCESS_KEY_SECRET = "*************"
    PIC_STYLE = "?x-oss-process=style/CfyInfo"
    
    src_file = sys.argv[1]  # 获取文件路径
    
    auth = oss2.Auth(ACCESS_KEY_ID, ACCESS_KEY_SECRET)
    
    bucket = oss2.Bucket(auth, ENDPOINT, BUCKET_NAME)
    
    remote_file_name = get_remote_file_name(src_file)
    
    bucket.put_object_from_file(remote_file_name, src_file)  # 上传文件
    result_str = "![](%s%s%s)" % (PRE, remote_file_name,PIC_STYLE)
    pyperclip.copy(result_str)  # 将结果复制到粘贴板方便直接使用
    print(result_str)

首先解释一下用到的三个库

### oss2 ###

这是阿里云的pythonsdk,可以通过pip进行安装

pip install oss2

在这里说明一下我遇到的坑,由于是刚换的Windows,默认的pip路径是在User/用户名下的,而我的用户名设置的是中文的,Python3已经默认是utf8编码了,但是windows系统的默认编码是gbk,所以导致pip几乎不可用的状态,虽然可以改编码格式,但是后来我在生成exe文件的时候又遇到坑了,在将用户名修改为英文的之后就好了

### pyperclip ###

这是一个读写剪切板的库,使用起来非常简单,但是只能读写文本类型

pip install pyperclip

它的核心方法就两个,一个是paste粘贴,一个copy将文本内容复制剪切板,示例代码

import pyperclip
    
    pyperclip.copy("Hello World")  # 这个时候你可以使用ctrl+v测试一下
    s = pyperclip.paste()
    print(s)

### uuid ###

这里选择uuid作为文件名,因为上传到oss上是基于文件名的,为了防止重名,所以上传的图片,都使用uuid进行命名

### 代码 ###

pre是我的ECS服务器的IP地址,nginx监听的是88端口,这后面再说,ENDPOINT和ACCESS\_KEY\_ID以及ACCESS\_KEY\_SECRET均可以在阿里云的网站上找到  
![CfyInfo 1][]  
而最后的参数是图片的水印

整体的思路就是通过 oss的sdk进行上传,在上传时通过uuid生成一个云端的文件名,并最后与ECS的地址进行拼接,最后生成符合MD的格式,写入到剪切板中

## 生成EXE ##

目前的代码已经能够使用了,但是使用的时候是Python脚本,需要在终端进入脚本存放的文件夹,很不方便,所以想要生成一个exe文件,并加入到环境变量中,这样使用起来就会方便很多,关于把python脚本打包成exe文件,使用了Pyinstaller  
首先是通过Pip进行安装

pip install pyinstaller

然后在终端中进入脚本所在的文件夹,执行命令

pyinstaller --onefile upload.py

这样就会将upload.py打包成exe文件,生成的exe文件目录在dist文件夹中,接着把这个exe文件复制一份到d:\\scripts路径中,并把这个scripts加入到环境变量中,效果是在任何位置,终端中输入upload 都可以使用这个命令例如  
![CfyInfo 2][]

> ps:我的终端使用的cmder,比window自带的cmd或者powerShell的好处是命令与linux是一样的,例如显示当前文件的文件命令是ls,而不是windows下的dir,并且自带ssh

## nginx ##

最开始完成的时候,并没有想到要使用nginx进行代理,而是直接使用了oss提供的公网域名,但是用了1天阿里云给我来了短信,告诉我欠费了,后来才知道,资源包只能是文件存储,而不包括公网流量,阿里云的客服告诉我,上传时不需要付费的,但是公网访问是需要按流量付费,但是如果是阿里云的服务器使用内网访问则不需要付费,恰好我有一个测试用的小服务器,于是配置了一下nginx来进行代理

### nginx的安装 ###

#### 安装编译工具及库文件 ####

yum -y install mak zlib zlib-devel gcc-c++ libtool  openssl openssl-devel

#### 安装PCRE ####

PCRE作用是让Nginx支持Rewrite功能

*  下载PCRE安装包
    
        wget http://downloads.sourceforge.net/project/pcre/pcre/8.35/pcre-8.35.tar.gz
 *  解压安装包
    
        tar zxvf pcre-8.35.tar.gz
 *  进入安装目录
    
        cd pcre-8.35
 *  编译安装
    
        ./configure
        make && make install

#### 安装Nginx ####

*  下载Nginx
    
        wget http://nginx.org/download/nginx-1.6.2.tar.gz
 *  解压安装包
    
        tar zxvf nginx-1.6.2.tar.gz
 *  进入安装包目录
    
        cd nginx-1.6.2
 *  编译安装
    
        ./configure --prefix=/usr/local/webserver/nginx --with-http_stub_status_module --with-http_ssl_module --with-pcre=pcre的安装路径/pcre-8.35
        make
        make install

至此Nginx就安装完了

### Nginx的配置 ###

首先创建Nginx运行使用的用户www

/usr/sbin/groupadd www
    /usr/sbin/useradd -g www www

然后是配置nginx,找到你的nginx的配置文件 nginx.conf

user www www;
    worker_processes 2; #设置值和CPU核心数一致
    error_log /usr/local/webserver/nginx/logs/nginx_error.log crit; #日志位置和日志级别
    pid /usr/local/webserver/nginx/nginx.pid;
    #Specifies the value for maximum file descriptors that can be opened by this process.
    worker_rlimit_nofile 65535;
    events
    {
      use epoll;
      worker_connections 65535;
    }
    http
    {
      include mime.types;
      default_type application/octet-stream;
      log_format main  '$remote_addr - $remote_user [$time_local] "$request" '
                   '$status $body_bytes_sent "$http_referer" '
                   '"$http_user_agent" $http_x_forwarded_for';
    
    #charset gb2312;
    
      server_names_hash_bucket_size 128;
      client_header_buffer_size 32k;
      large_client_header_buffers 4 32k;
      client_max_body_size 8m;
    
      sendfile on;
      tcp_nopush on;
      keepalive_timeout 60;
      tcp_nodelay on;
      fastcgi_connect_timeout 300;
      fastcgi_send_timeout 300;
      fastcgi_read_timeout 300;
      fastcgi_buffer_size 64k;
      fastcgi_buffers 4 64k;
      fastcgi_busy_buffers_size 128k;
      fastcgi_temp_file_write_size 128k;
      gzip on; 
      gzip_min_length 1k;
      gzip_buffers 4 16k;
      gzip_http_version 1.0;
      gzip_comp_level 2;
      gzip_types text/plain application/x-javascript text/css application/xml;
      gzip_vary on;
    
      #limit_zone crawler $binary_remote_addr 10m;
     #下面是server虚拟主机的配置
      server {  
            listen 88;   
            location /img/ {  
                proxy_pass http://***.**-cn-**-internal.aliyuncs.com/;  
            }  
            error_page 500 502 503 504 /50x.html;  
            location = /50x.html {  
                root html;  
            }  
      } 
    
    }

重点是server中表示了监听88端口,然后当路径是/img/的就会匹配,并通过proxy\_pass来转发到oss的内网地址,这样就实现了nginx的代理  
至此,全部的功能就实现了

### 常用的Nginx命令 ###

/usr/local/webserver/nginx/sbin/nginx                      # 启动Nginx
    /usr/local/webserver/nginx/sbin/nginx -t                   # 检查配置文件nginx.conf的正确性
    /usr/local/webserver/nginx/sbin/nginx -s reload            # 重新载入配置文件
    /usr/local/webserver/nginx/sbin/nginx -s reopen            # 重启 Nginx
    /usr/local/webserver/nginx/sbin/nginx -s stop              # 停止 Nginx

[CfyInfo]: http://47.93.60.69:88/img/pics/6E71AE642F2F4066967326AD42FC959B.png?x-oss-process=style/CfyInfo
[CfyInfo 1]: http://47.93.60.69:88/img/pics/B9557EA192F24B32A3B680377C6E6CFA.png?x-oss-process=style/CfyInfo
[CfyInfo 2]: http://47.93.60.69:88/img/pics/B73E2599A2C142BC9C2DE275260C5468.png?x-oss-process=style/CfyInfo