七牛云配置

七牛云是一个对象存储的云服务平台。可以方便的存储一些图片和视频文件。对于一些中小型的公司,把多媒体文件存储在七牛云上是一个比较好的选择。因为技术不需要太负担文件存储的风险,以及如何做cdn加速,以及防盗链和图片的一些处理等。费用也不是很高。因此比较推荐使用。

创建空间:

登录七牛云后,创建空间。示例如下:
第十八章:七牛云配置 - 图1
第十八章:七牛云配置 - 图2

获取access_key和secret_key:

第十八章:七牛云配置 - 图3
第十八章:七牛云配置 - 图4

在网站中使用七牛存储文件:

在网站中使用七牛,可以直接把一些图片和视频文件直接发送给服务器。需要做以下配置:

  1. 安装Pythonsdkpip install qiniu
  2. 编写获取uptoken的接口:在后端代码中,写好一个接口,用来获取uptoken的。

    1. @app.route('/uptoken/')
    2. def uptoken():
    3. access_key = '你的AccessKey'
    4. secret_key = '你的SecretKey'
    5. q = qiniu.Auth(access_key,secret_key)
    6. bucket = 'hyvideo'
    7. token = q.upload_token(bucket)
    8. return jsonify({"uptoken":token})
  3. 在前端添加JSSDK:七牛为JavaScript提供了一个专门用来上传文件的接口。把以下文件引入到html代码中:

    1. <script src="https://cdn.staticfile.org/Plupload/2.1.1/moxie.js"></script>
    2. <script src="https://cdn.staticfile.org/Plupload/2.1.1/plupload.dev.js"></script>
    3. <script src="https://cdn.staticfile.org/qiniu-js-sdk/1.0.14-beta/qiniu.js"></script>
  4. 在前端添加zlqiniu.js文件:这个文件是封装了七牛的初始化和配置相关的。使用这个文件可以写更少的代码来使用七牛。

    1. <script src="{{ url_for('static',filename='zlqiniu.js') }}"></script>
  5. 初始化七牛:使用以下代码初始化七牛,配置一些参数信息:

    1. window.onload = function () {
    2. zlqiniu.setUp({
    3. 'browse_btn': 'upload-btn',
    4. 'uptoken_url': '/uptoken/',
    5. 'success': function (up,file,info) {
    6. var url = file.name;
    7. console.log(url);
    8. }
    9. });
    10. };
  6. 对以上代码做一些解释:

    • browse_btn:这个是用来绑定按钮的id的。以后点击这个按钮就可以上传文件。
    • uptoken_url:这个是后台写好的获取uptoken的接口。
    • success:这个是文件上传成功后执行的回调。