七牛云 -数据的增加和删除（vue+egg+element-ui+axios）

一 :七牛云是持续挖掘海量数据的无限价值的一款云上服务器。能够对数据实现以下几款功能：
1.海量存储
2.数据洞察
3.加速传输
4.高性能计算。
二 ：接下来说一下数据的增加和删除。
七牛云可以有多个存储空间列表。有需要的话可以进行数据的分类。根据不同的需求将需要的数据存储到制定的空间列表中。
1.以下是数据增加的步骤。
① 需要制定存储列表的话，重新新建一个数据列表
②在需要使用的文件夹下面简历一个qiniu.js文件
③在egg中：router路由配置一下请求的额接口

④在与qiniu.js同级目录下建立一个config.json文件，在文件中配置
{
“AccessKey”: （个人中心的秘钥配置中有AccessKey和SecretKey的值）“cyz9XfXmeyHMNFwRnQqRGBxP4Ggm57dD27d3UMjJ”,
“SecretKey”: “7GMTWHwQ0V7dTO7kdPMyx2yySD-0mI5OMqM7Oq”,
“Bucket”: “muen”,（目录名字）
“UptokenUrl”: “uptoken”,
“Domain”: “pwbvulsj5.bkt.cuddn.com”（在使用的目录中找内容管理）
}
⑤以下是在qiniu.js中的数据的增加 删除
var qiniu = require(“qiniu”)
const Controller = require(‘egg’).Controller;
var fs = require(‘fs’)
var path = require(‘path’)
var config = JSON.parse(fs.readFileSync(path.resolve(__dirname, “config.json”)));
// var config = JSON.parse(fs.readFileSync(path.readFileSync(path.resolve(__dirname, ‘config.json’))))
var mac = new qiniu.auth.digest.Mac(config.AccessKey, config.SecretKey);
var options = { scope: config.Bucket, returnBody: ‘{“key”:"(key)",“hash”:" (key)",“hash”:"(key)",“hash”:"(etag)",“fsize”:(fsize),“bucket”:" (fsize),“bucket”:"(fsize),“bucket”:"(bucket)",“name”:"$(x:name)"}’ };
var putPolicy = new qiniu.rs.PutPolicy(options);

class getTokens extends Controller {
（添加数据）
async getToken() {
var token = putPolicy.uploadToken(mac);
const { ctx } = this;
ctx.body = {

    uptoken: token,

    domain: config.Domain

}

}
（删除数据）
async deleteFile() {
const { ctx } = this;
let key = ctx.query.key;
var configManager = new qiniu.conf.Config();
configManager.zone = qiniu.zone.Zone_z0;
var bucketManager = new qiniu.rs.BucketManager(mac, configManager);
let result = await new Promise((resolve, reject) => {
bucketManager.delete(config.Bucket, key, function (err, respBody, respInfo) {
if (err) {
console.log(err);
reject({ massage: ‘删除失败’, code: -1 })
}
else {
console.log(respInfo.statusCode);
console.log(respBody);
resolve({ massage: ‘删除成功’, code: 1 })

        }
    });



})
if(result.code===1){

    ctx.status=200

}else{

    ctx.status=522

}

ctx.body=result;

}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
}
module.exports = getTokens

⑦在前端vue使用的页面代码

},

页面使用逻辑