通过阿里云搭建图床工具

2018-01-14 本文已影响0人陈丰尧

背景

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

用到的技术

本次所用到的技术如下:

Python3.6
阿里云OSS
阿里云ECS
nginx

OSS

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

创建Bucket

阿里云的OSS在使用的时候首先需要创建Bucket,可以简单的理解为40G是我们硬盘的总大小,而Bucket是磁盘分区,Bucket创建的时候,需要配置访问权限

这里需要注意的是区域需要选择和你的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均可以在阿里云的网站上找到

而最后的参数是图片的水印

整体的思路就是通过 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 都可以使用这个命令例如

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
shell 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://cfy-pic.oss-cn-beijing-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