不花一分钱做个在线的gif合成服务

因为写文章我经常会需要做一些GIF。但是网上的各种GIF服务不太好，

所以我想着是不是要自己可以做一个。所以我做了这样一个服务。

那么我来讲一下，我今天我到底是怎么做的？

一 业务需求。

首先第一步我要去实现合成GIF这个功能。

然后我们要实现多文件上传。

再然后进行GIF的合成。

最后保存到本地。然后返回给前端一个下载链接。

最后就是服务部署到云服务器上。

二 技术要求。

Python (3.6)，Flask，Image

Python的安装就不赘述了，使用下面的语句安装第三方包，或者直接的pycharm中安装，总之安装上就行

pip install flask
pip install Image

三 技术实现

看一下项目结构

先看代码再进行分析

import os
import uuid

from PIL import Image
from flask import Flask, render_template, request, send_from_directory

frame = 10
sleepTime = 1.0 / frame
app = Flask(__name__)
BASE_PATH = os.path.dirname(os.path.abspath(__file__)) +"/download"
def makeGif(imgList,uid):
   im = imgList[0]
   file_name = BASE_PATH +"/"+uid +".gif"
   im.save(file_name, save_all=True, append_images=imgList[1:], loop=0, duration=sleepTime)

@app.route('/')
def hello_world():
    return render_template('upload.html')

@app.route('/gif',methods=['POST'])
def save_file():
    uploaded_files = request.files.getlist("photo")
    uid = str(uuid.uuid4())
    imgList = []
    for file in uploaded_files:  # 这里改动以存储多份文件
        img = Image.open(file)
        imgList.append(img)
    makeGif(imgList,uid)
    download_url = "/download/"+uid+".gif"
    return render_template("download.html",download_url = download_url)

@app.route("/download/", methods=["GET"])
def download_file(filename):
    return send_from_directory(BASE_PATH, filename, as_attachment=True)

if __name__ == '__main__':
    app.run()

技术点：

1.uid的使用

作为一个网站，有可能会同时有很多人使用所以我这里使用了uid作为唯一的标识。

2.Image的使用

Image主要是用来合成GIF的主要功能，图片的变换时间duration是控制每一张图片的展示时间，你可以自己设置。

3.Flask的使用

之前没有使用过flask。所以对网页的一些渲染不是很明白，但是也很简单。作为一个占位符然后传递参数。

完整代码下载地址：自己做个在线的gif合成服务，soeasy-Python文档类资源-CSDN下载

四、服务部署

在aws选了一个免费的服务器。可以免费使用十二个月的时间。这时间。。。不就是让我白嫖吗

传送地址：aws服务器免费地址

Amazon Elastic Compute Cloud（Amazon EC2 云服务器）是一种 Web 云服务，能在云中提供安全且可调整大小的计算能力，说人话就是一台放在远程的机器，配置可以根据需求调整。官方说还支持mac系统，这还真是独一份，哈哈，不过我用不到。

第一步， 搞个服务器

和本地不同，在云服务器，需要先增加一步云服务器实例的创建，可以理解为买一台机器，装上 *** 作系统。

1、选择配置

EC2系统提供以下的虚拟机实例类型

• 微型实例：默认配置了613MB的存储器，一个虚拟核心上运行两个ECU单位，免费试用一年；

• 小型实例：默认配置了1.7 GB的存储器，一个虚拟核心上运行一个ECU单位；

• 大型实例：默认配置了7.5GB的存储器，两个虚拟核心上各运行两个ECU单位；

• 极大实例：默认配置了15GB的存储器，四个虚拟核心上各运行两个ECU单位；

根据自己的需求，选择一个配置就行，不过反正我是选择免费的，谁能拒绝不花钱白嫖呐。

2、选择地区

最好选择离自己最近的节点创建实例，因为越近的话网络就越好，响应速度也越快。这里我选择香港的节点。

3、选择 *** 作系统

根据自己的习惯选择，大家都知道常规的服务器都是linux，这里我也选择了一个Ubuntu，如果你喜欢windows，也没有问题。

重要的配置都已经搞定了，下面的就不一一截图了，总之就是选择服务器配置，搞个 *** 作系统，买完之后就像下面这样。

第二步，部署环境

安装Python，创建Python环境，这一步也是常规 *** 作，根据你自己的 *** 作系统安装环境。

安装第三方包，使用上面同样的命令。

第三步，启动服务器

使用下面的命令

python main.py &

将服务放在后台，要不然你关了控制台服务就关了。

第四步，开启端口，开启ip

使用云服务器和本地开发的不同就是这一步

因为我们本地的端口是没有限制的，但是在云服务器上如果开启过多的端口无异于裸奔，所以云服务器的端口一般需要手动开启，

同时因为公网ip的稀缺性，所以在创建对外服务的时候一般都要申请分配一个公网ip，这一步跟着手册完成即可，

打开安全组，在列表钩选一个安全组，选择编辑入站规则，添加规则增加8888端口即可：

Security Group其实定义的是防火墙相关的端口开关，这个在后面会用到。

第五步 开始访问

输入到浏览器 http://ip:port/，ip就是公网ip，port 就是你刚刚打开的那个对外的端口

替换你本地的ip和端口，将会出现下面的画面，选择文件后，点击创建GIF。

注意：要多选几张图片，要不然gif怎么动

点击返回的界面，就会出现下载链接。点击下载就可以了，就会得到下面的。图片

五、可以优化的点

1、异常检查

比如合成，保存异常，增加异常的处理使程序更健壮。

2、定期文件的清理

当前合成的gif是没有进行清理的，在服务器上会一直存储，所以要做一个自动清理的计划任务，防止硬盘给撑爆。

3、对HTML的页面进行优化。

现在的界面太丑了，可以对界面进行一些美化，让用户看起来更舒服，这个我有点无能为力😂

4、更改部署的方式

现在是使用的flask默认的服务器。不建议在线上使用。流量高的时候会出现不稳定现象。可以替换成生产模式下的部署方案，不过现在自己玩玩也够了，毕竟也不是服务全人类。

5、可以对合成的一些参数进行开放

现在的合成是写死的参数，可以将参数打开由用户控制，比如每个图片变幻的时间，生成的图片循环效果等等，这样更灵活。

6、图片的格式化

现在图片的大小是没有进行格式化的，后面可以根据需求把图片进行统一大小，然后进行合成。

六，总结

这次主要是做一个GIF的功能。

使用了Python的image库。

然后还要使用了flask的web功能。

很简单，都是基础功能的组装。

总之：你可以更好的。