正式环境测试数据含加密

杨泽宇
1 parent c4709a42
Showing 7 changed files with 231 additions and 380 deletions
dist/audio.html
package-lock.json
package.json
src/html/index.html
src/js/audios.js
src/js/config.js
webpack.config.js
-<!DOCTYPE html>
-<html>
-
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width,initial-scale=1.0">
-  <title>CNLive Audio Panel</title>
-  <meta http-equiv="Expires" CONTENT="0">
-  <meta http-equiv="Cache-Control" CONTENT="no-cache">
-  <meta http-equiv="Pragma" CONTENT="no-cache">
-  <link rel="shortcut icon" href="/cms.ico" />
-  <link rel="bookmark" href="/cms.ico" />
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/element-plus@1.1.0-beta.12/theme-chalk/index.css">
-</head>
-
-<body id="body" style="margin: 0; padding: 0">
-  <div id="audioPage" class="page-container">
-    <el-card>
-      <template #header>
-        <div class="card-header">
-          <!-- <h3>歌曲征集</h3> -->
-          <span style="font-size: 24px; font-weight: Semibold; color: #666666;">歌曲征集</span>
-          <span style="font-size: 14px; color: #999999;"> / 带*号为必填项</span>
-        </div>
-      </template>
-      <div>
-        <el-form ref="songs" :model="form" label-width="120px" :rules="rules" style="display: flex; flex-wrap: wrap;" >
-          <el-form-item label="类型" style="width: 100%" prop="channelId">
-            <el-radio-group v-model="form.channelId" @change="handleChange">
-              <el-radio :label="1278">热歌榜</el-radio>
-              <el-radio :label="1279">优秀作词榜</el-radio>
-              <el-radio :label="1280">优秀作曲榜</el-radio>
-              <el-radio :label="1281">其他</el-radio>
-            </el-radio-group>
-          </el-form-item>
-          <el-form-item label="歌曲名字" style="width: 50%" prop="songName">
-            <el-input v-model.trim="form.songName" :maxlength="100" :minlength="1" placeholder="请输入歌曲名字"></el-input>
-          </el-form-item>
-          <el-form-item label="歌手" style="width: 50%" prop="singer">
-            <el-input v-model.trim="form.singer" :maxlength="15" placeholder="请输入歌手名字"></el-input>
-          </el-form-item>
-          <el-form-item label="作词" style="width: 50%" prop="lyricist">
-            <el-input v-model.trim="form.lyricist" :maxlength="15" placeholder="请输入作词人名字"></el-input>
-          </el-form-item>
-          <el-form-item label="作曲" style="width: 50%;" prop="songwriter">
-            <el-input v-model.trim="form.songwriter" :maxlength="15" placeholder="请输入作曲人名字"></el-input>
-          </el-form-item>
-          <el-form-item label="编曲" style="width: 50%" prop="redact">
-            <el-input v-model.trim="form.redact" :maxlength="15" placeholder="请输入编曲人名字"></el-input>
-          </el-form-item>
-          <el-form-item label="混音" style="width: 50%" prop="mixing">
-            <el-input v-model.trim="form.mixing" :maxlength="15" placeholder="请输入混音人名字"></el-input>
-          </el-form-item>
-          <el-form-item label="歌词" style="width: 100%" prop="lyric">
-            <el-input v-model="form.lyric" maxlength="2500" show-word-limit type="textarea" :rows="10" placeholder="请输入歌词"></el-input>
-          </el-form-item>
-          <el-form-item label="手机号码" style="width: 50%" prop="phone">
-            <el-input v-model.trim="form.phone" :maxlength="11" placeholder="请输入手机号码"></el-input>
-          </el-form-item>
-          <el-form-item label="联系人姓名" style="width: 50%" prop="name">
-            <el-input v-model.trim="form.name" :maxlength="50" placeholder="请输入联系人姓名"></el-input>
-          </el-form-item>
-          <el-form-item label="音频" style="width: 100%" prop="audioFile">
-            <el-upload class="upload-demo" :action="uploadUrl" :auto-upload="false" :file-list="fileList" accept=".mp3"
-              @change="getMp3" :on-exceed="exceed" :before-remove="handleRemove" :disabled="btnDisabled" :show-file-list="false">
-              <el-button size="small" type="primary" :disabled="btnDisabled">选择文件</el-button>
-              <span style="color: red; margin-left: 10px;">{{msgText}}</span>
-            </el-upload>
-          </el-form-item>
-          <el-divider></el-divider>
-          <el-form-item style="width: 50%; text-align: left;">
-            <span style="color: #4A90E2; font-size: 20px">{{form.audioFile?.name}} </span>
-            <span style="color: #4A90E2; font-size: 20px" v-if="percent > 0 && percent < 100"> 已上传{{Math.ceil(percent)}}%，请耐心等待……</span>
-            <span style="color: #4A90E2; font-size: 20px" v-if="percent == 100"> 上传完成</span>
-          </el-form-item>
-          <el-form-item style="width: 50%; text-align: right;">
-            <el-button @click="reset" v-if="form.channelId == 1279">取消</el-button>
-            <el-button @click="reset" v-else :disabled="!form.audioFile || submitDisabled">取消</el-button>
-
-            <!-- <el-button type="danger" @click="submit('songs')" v-if="form.channelId == 1279">确定上传</el-button>
-            <el-button type="danger" @click="submit('songs')" v-if="form.channelId == 1279">确定上传</el-button>
-            <el-button type="danger" @click="submit('songs')" v-else>确定上传</el-button> -->
-            <!-- <el-button type="danger" @click="submit('songs')" v-else :disabled="!form.audioId">确定上传</el-button> -->
-
-            <el-button type="danger" @click="submit('songs')" v-if="form.channelId == 1279">确定上传</el-button>
-            <el-button type="danger" @click="submit('songs')" v-else :disabled="!form.audioFile || submitDisabled">确定上传</el-button>
-          </el-form-item> 
-        </el-form>
-      </div>
-    </el-card>
-  </div>
-  <script src="https://cdn.jsdelivr.net/npm/vue@3.2.11/dist/vue.global.js"></script>
-  <script src="https://cdn.jsdelivr.net/npm/element-plus@1.1.0-beta.12"></script>
-  <script src="https://cdn.jsdelivr.net/npm/axios@0.17.1/dist/axios.min.js"></script>
-  <script src="https://cdn.jsdelivr.net/npm/qiniu-js@2.5.5/dist/qiniu.min.js"></script>
-<script src="/bundle.js"></script></body>
-
-</html>
 \ No newline at end of file
@@ -614,6 +614,12 @@
           "resolved": "https://mirrors.huaweicloud.com/repository/npm/bytes/-/bytes-3.1.0.tgz",
           "integrity": "sha512-zauLjrfCG+xvoyaqLoV8bLVXXNGC4JqlxFCutSDWA6fJrTo2ZuvLYTqZ7aHBLZSMOopbzwv8f+wZcVzfVTI2Dg==",
           "dev": true
+        },
+        "qs": {
+          "version": "6.7.0",
+          "resolved": "https://mirrors.huaweicloud.com/repository/npm/qs/-/qs-6.7.0.tgz",
+          "integrity": "sha512-VCdBRNFTX1fyE7Nb6FYoURo/SPe62QCaAyzJvUjwRaIsc+NePBEniHlvxFmmX56+HZphIGtV0XeCirBtpDrTyQ==",
+          "dev": true
         }
       }
     },
@@ -876,7 +882,6 @@
       "version": "1.0.2",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/call-bind/-/call-bind-1.0.2.tgz",
       "integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==",
-      "dev": true,
       "requires": {
         "function-bind": "^1.1.1",
         "get-intrinsic": "^1.0.2"
@@ -920,6 +925,12 @@
         }
       }
     },
+    "charenc": {
+      "version": "0.0.2",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/charenc/-/charenc-0.0.2.tgz",
+      "integrity": "sha1-wKHS86cJLgN3S/qD8UwPxXkKhmc=",
+      "dev": true
+    },
     "chokidar": {
       "version": "3.5.2",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/chokidar/-/chokidar-3.5.2.tgz",
@@ -1295,6 +1306,12 @@
         }
       }
     },
+    "crypt": {
+      "version": "0.0.2",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/crypt/-/crypt-0.0.2.tgz",
+      "integrity": "sha1-iNf/fsDfuG9xPch7u0LQRNPmxBs=",
+      "dev": true
+    },
     "crypto-browserify": {
       "version": "3.12.0",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/crypto-browserify/-/crypto-browserify-3.12.0.tgz",
@@ -1940,6 +1957,12 @@
           "resolved": "https://mirrors.huaweicloud.com/repository/npm/array-flatten/-/array-flatten-1.1.1.tgz",
           "integrity": "sha1-ml9pkFGx5wczKPKgCJaLZOopVdI=",
           "dev": true
+        },
+        "qs": {
+          "version": "6.7.0",
+          "resolved": "https://mirrors.huaweicloud.com/repository/npm/qs/-/qs-6.7.0.tgz",
+          "integrity": "sha512-VCdBRNFTX1fyE7Nb6FYoURo/SPe62QCaAyzJvUjwRaIsc+NePBEniHlvxFmmX56+HZphIGtV0XeCirBtpDrTyQ==",
+          "dev": true
         }
       }
     },
@@ -2207,8 +2230,7 @@
     "function-bind": {
       "version": "1.1.1",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/function-bind/-/function-bind-1.1.1.tgz",
-      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
-      "dev": true
+      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
     },
     "get-caller-file": {
       "version": "2.0.5",
@@ -2220,7 +2242,6 @@
       "version": "1.1.1",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/get-intrinsic/-/get-intrinsic-1.1.1.tgz",
       "integrity": "sha512-kWZrnVM42QCiEA2Ig1bG8zjoIMOgxWwYCEeNdwY6Tv/cOSeGpcoX4pXHfKUxNKVoArnrEr2e9srnAxxGIraS9Q==",
-      "dev": true,
       "requires": {
         "function-bind": "^1.1.1",
         "has": "^1.0.3",
@@ -2348,7 +2369,6 @@
       "version": "1.0.3",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/has/-/has-1.0.3.tgz",
       "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
-      "dev": true,
       "requires": {
         "function-bind": "^1.1.1"
       }
@@ -2368,8 +2388,7 @@
     "has-symbols": {
       "version": "1.0.2",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/has-symbols/-/has-symbols-1.0.2.tgz",
-      "integrity": "sha512-chXa79rL/UC2KlX17jo3vRGz0azaWEx5tGqZg5pO3NUyEJVB17dMruQlzCCOfUvElghKcm5194+BCRvi2Rv/Gw==",
-      "dev": true
+      "integrity": "sha512-chXa79rL/UC2KlX17jo3vRGz0azaWEx5tGqZg5pO3NUyEJVB17dMruQlzCCOfUvElghKcm5194+BCRvi2Rv/Gw=="
     },
     "has-tostringtag": {
       "version": "1.0.0",
@@ -3525,8 +3544,7 @@
     "object-inspect": {
       "version": "1.11.0",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/object-inspect/-/object-inspect-1.11.0.tgz",
-      "integrity": "sha512-jp7ikS6Sd3GxQfZJPyH3cjcbJF6GZPClgdV+EFygjFLQ5FmW/dRUnTd9PQ9k0JhoNDabWFbpF1yCdSWCC6gexg==",
-      "dev": true
+      "integrity": "sha512-jp7ikS6Sd3GxQfZJPyH3cjcbJF6GZPClgdV+EFygjFLQ5FmW/dRUnTd9PQ9k0JhoNDabWFbpF1yCdSWCC6gexg=="
     },
     "object-is": {
       "version": "1.1.5",
@@ -4045,10 +4063,12 @@
       "dev": true
     },
     "qs": {
-      "version": "6.7.0",
-      "resolved": "https://mirrors.huaweicloud.com/repository/npm/qs/-/qs-6.7.0.tgz",
-      "integrity": "sha512-VCdBRNFTX1fyE7Nb6FYoURo/SPe62QCaAyzJvUjwRaIsc+NePBEniHlvxFmmX56+HZphIGtV0XeCirBtpDrTyQ==",
-      "dev": true
+      "version": "6.10.1",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/qs/-/qs-6.10.1.tgz",
+      "integrity": "sha512-M528Hph6wsSVOBiYUnGf+K/7w0hNshs/duGsNXPUCLH5XAqjEtiPGwNONLV0tBH8NoGb0mvD5JubnUTrujKDTg==",
+      "requires": {
+        "side-channel": "^1.0.4"
+      }
     },
     "querystring": {
       "version": "0.2.0",
@@ -4495,6 +4515,16 @@
         "safe-buffer": "^5.0.1"
       }
     },
+    "sha1": {
+      "version": "1.1.1",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/sha1/-/sha1-1.1.1.tgz",
+      "integrity": "sha1-rdqnqTFo85PxnrKxUJFhjicA+Eg=",
+      "dev": true,
+      "requires": {
+        "charenc": ">= 0.0.1",
+        "crypt": ">= 0.0.1"
+      }
+    },
     "shebang-command": {
       "version": "1.2.0",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/shebang-command/-/shebang-command-1.2.0.tgz",
@@ -4514,7 +4544,6 @@
       "version": "1.0.4",
       "resolved": "https://mirrors.huaweicloud.com/repository/npm/side-channel/-/side-channel-1.0.4.tgz",
       "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
-      "dev": true,
       "requires": {
         "call-bind": "^1.0.0",
         "get-intrinsic": "^1.0.2",
@@ -19,6 +19,10 @@
     "style-loader": "^2.0.0",
     "webpack": "^4.42.1",
     "webpack-cli": "^3.3.11",
-    "webpack-dev-server": "^3.10.3"
+    "webpack-dev-server": "^3.10.3",
+    "sha1": "^1.1.1"
+  },
+  "dependencies": {
+    "qs": "^6.10.1"
   }
 }
@@ -77,11 +77,6 @@
             <el-button @click="reset" v-if="form.channelId == 1279">取消</el-button>
             <el-button @click="reset" v-else :disabled="!form.audioFile || submitDisabled">取消</el-button>
-            <!-- <el-button type="danger" @click="submit('songs')" v-if="form.channelId == 1279">确定上传</el-button>
-            <el-button type="danger" @click="submit('songs')" v-if="form.channelId == 1279">确定上传</el-button>
-            <el-button type="danger" @click="submit('songs')" v-else>确定上传</el-button> -->
-            <!-- <el-button type="danger" @click="submit('songs')" v-else :disabled="!form.audioId">确定上传</el-button> -->
-
             <el-button type="danger" @click="submit('songs')" v-if="form.channelId == 1279">确定上传</el-button>
             <el-button type="danger" @click="submit('songs')" v-else :disabled="!form.audioFile || submitDisabled">确定上传</el-button>
           </el-form-item> 
@@ -2,16 +2,6 @@ import * as all from &quot;./config&quot;;
 // require('./../css/test.css')
 // Init Vue
 const Audio = {
-  created() {
-    all
-      .request({
-        url: all.urls.base + all.urls.token + "?spId=1423",
-        method: "get",
-      })
-      .then((res) => {
-        this.token = res.data;
-      });
-  },
   data() {
     return {
       form: {
@@ -33,7 +23,7 @@ const Audio = {
           {
             required: true,
             trigger: "change",
-            message: "请填写歌曲名字"
+            message: "请填写歌曲名字",
           },
         ],
         name: [
@@ -84,9 +74,11 @@ const Audio = {
         this.rules.audioId[0].required = true;
       }
     },
+    // 文件数量超上限响应
     exceed(e, d) {
       this.$message.error("只能上传一个文件");
     },
+    // 表单重置按钮响应
     reset() {
       for (let i in this.form) {
         this.form[i] = null;
@@ -95,6 +87,7 @@ const Audio = {
       this.btnDisabled = false;
       this.submitDisabled = false;
     },
+    // 文件移除响应，暂未启用
     handleRemove(file, list) {
       if (this.percent < 100) {
         this.$message({
@@ -108,6 +101,7 @@ const Audio = {
         this.percent = 0;
       }
     },
+    // 校验Md5
     initMd5(fileObj) {
       return new Promise((resolve, reject) => {
         const fileName = fileObj.name.split(".")[0];
@@ -126,6 +120,7 @@ const Audio = {
         }
       });
     },
+    // 确认提交按钮响应，上传视频到七牛
     submit(formName) {
       this.$refs[formName].validate((valid) => {
         if (valid) {
@@ -148,21 +143,17 @@ const Audio = {
               multipleCategory: 100005,
               tag: "test",
-              synopsis: "test",
-              mmsType: 0,
-              videoType: 11003,
-              videoType: 0,
-              masterId: 10494974,
+              ts: this.getTs(),
+              timestamp: this.getTimeStamp(),
+              masterId: all.secretUrls.masterIdDev,
             };
             const fileInitObj = {
               gfmt: this.form.audioFile.raw.name.split(".").reverse().shift(),
               fileSize: this.form.audioFile.raw.size,
-              videoType: 11003,
-              ptpwVal: 0,
-              archiveStatus: 0,
+              ts: this.getTs(),
+              timestamp: this.getTimeStamp(),
               multipleCategory: 100005,
-              uploadLine: 2,
-              masterId: 10494974,
+              masterId: all.secretUrls.masterIdDev,
             };
             const fileWholeObj = {
               file: this.form.audioFile.raw,
@@ -173,14 +164,6 @@ const Audio = {
               subscription: null,
             };
-            if (this.token == null) {
-              this.$message({
-                type: "error",
-                message: "获取七牛token失败，请联系管理员",
-              });
-              return false;
-            }
-
             const observer = {
               next(res) {
                 if (res.total.percent >= 99) {
@@ -193,35 +176,38 @@ const Audio = {
                 console.log(err);
               },
               complete(res) {
+                let apiDone = all.secretUrls.base + all.secretUrls.finish;
+                let apiStringSignDone = all.signFunction(
+                  apiDone,
+                  that.getParamsList({
+                    hash: res.hash,
+                    key: res.key,
+                    vid: fileSaveObj.videoId,
+                    timestamp: that.getTimeStamp(),
+                  })
+                );
                 all
                   .request({
-                    url: all.urls.base + all.urls.save,
+                    url: apiDone,
                     method: "get",
-                    params: {
-                      hash: res.hash,
-                      key: res.key,
-                      vid: fileSaveObj.videoId,
-                    },
+                    params: all.parseQueryString(apiStringSignDone),
                   })
                   .then((res) => {
-                    console.log(res);
-                  })
-                  .catch((error) => {
+                    let apiComplete = all.secretUrls.base + all.secretUrls.callback;
+                    let apiStringSignComplete = all.signFunction(
+                      apiComplete,
+                      that.getParamsList({ ...fileBaseObj, ...fileSaveObj, ...{timestamp: that.getTimeStamp()} })
+                    );
                     return all.request({
-                      url: all.urls.onlineUrl + all.urls.transcode,
-                      params: { ...fileBaseObj, ...fileSaveObj },
-                      method: "get",
-                    });
-                  })
-                  .then((data) => {
+                      url: apiComplete,
+                      method: 'get',
+                      params: all.parseQueryString(apiStringSignComplete),
+                    })
+                  }).then(data => {
                     that.form.audioId = data.data.data.obj;
-                    // that.btnDisabled = false;
                     that.percent = 100;
-                    that.postCms();
+                    that.postCms()
                   })
-                  .catch((error) => {
-                    console.log(error);
-                  });
               },
             };
@@ -231,18 +217,37 @@ const Audio = {
               all.validateNameLength(fileBaseObj.videoName),
             ])
               .then((check) => {
+                return this.getToken();
+              })
+              .then((d) => {
+                if (d && d.data) {
+                  this.token = d.data;
+                }
                 return this.initMd5(this.form.audioFile.raw);
               })
               .then((n) => {
+                if (!this.token) {
+                  this.$message({
+                    type: "error",
+                    message: "鉴权失败",
+                    duration: 5000,
+                  });
+                  return false;
+                }
                 fileBaseObj.md5 = n;
+                let apiInit = all.secretUrls.base + all.secretUrls.init;
+                let apiStringSignInit = all.signFunction(
+                  apiInit,
+                  this.getParamsList({ ...fileBaseObj, ...fileInitObj })
+                );
                 return all.request({
-                  url: all.urls.onlineUrl + all.urls.initFileOnline,
+                  url: all.secretUrls.base + all.secretUrls.init,
                   method: "get",
-                  params: { ...fileBaseObj, ...fileInitObj },
+                  params: all.parseQueryString(apiStringSignInit),
                 });
               })
               .then((res) => {
-                if (res && res.data) {
+                if (res && res.data && res.data.data && res.data.data.code == 0) {
                   fileSaveObj.videoId = res.data.data.obj.vid;
                   fileWholeObj.fileKey = res.data.data.obj.originPath;
                   all.putExtra.params["x:name"] = fileWholeObj.fileKey;
@@ -279,6 +284,43 @@ const Audio = {
         }
       });
     },
+    // 对象参数转数组格式
+    getParamsList(params) {
+      let list = [];
+      for (let i in params) {
+        if(i == 'hash' || i == 'key' || i == 'x:name') {
+          list.push(`${i}=${encodeURI(params[i])}`)
+        } else {
+          list.push(`${i}=${params[i]}`);
+        }
+      }
+      return list;
+    },
+    // 获取时间戳
+    getTimeStamp() {
+      return Math.round(new Date().getTime() / 1000);
+    },
+    // 获取时间戳加四位随机数
+    getTs() {
+      return (
+        this.getTimeStamp().toString() +
+        Math.floor(Math.random() * 10000).toString()
+      );
+    },
+    // 获取认证token
+    getToken() {
+      let api = all.secretUrls.base + all.secretUrls.auth;
+      let apiStringSign = all.signFunction(api, [
+        "ts=" + this.getTs(),
+        "timestamp=" + this.getTimeStamp(),
+      ]);
+      return all.request({
+        url: all.secretUrls.base + all.secretUrls.auth,
+        method: "get",
+        params: all.parseQueryString(apiStringSign),
+      });
+    },
+    // cms接口提交videoId和表单内容
     postCms() {
       this.form.lyric = this.form.lyric ? this.form.lyric.trim() : "";
       all
@@ -294,7 +336,7 @@ const Audio = {
           },
         })
         .then((res) => {
-          if (res.data) { 
+          if (res.data) {
             setTimeout(() => {
               console.log("jump");
               // window.location.replace("./success.html");
@@ -314,6 +356,7 @@ const Audio = {
           this.submitDisabled = false;
         });
     },
+    // 获取txt文件内容，暂未启用
     getTxt(e) {
       this.form.txtFile = e.raw;
       let file = e.raw;
@@ -325,147 +368,9 @@ const Audio = {
       };
       reader.readAsArrayBuffer(file);
     },
+    // 选择上传文件
     getMp3(file) {
-      // this.btnDisabled = true;
       this.form.audioFile = file;
-      console.log(this.fileList);
-      return false;
-      const fileName = file.raw.name.split(".");
-      fileName.splice(fileName.length - 1, 1);
-      this.curFile = file.name;
-      this.form.audioId = null;
-      const that = this;
-      const fileBaseObj = {
-        videoName: fileName.join("."),
-        md5: null,
-      };
-      const fileSaveObj = {
-        videoId: null,
-
-        multipleCategory: 100005,
-        tag: "test",
-        synopsis: "test",
-        mmsType: 0,
-        videoType: 11003,
-        videoType: 0,
-        masterId: 10494974,
-      };
-      const fileInitObj = {
-        gfmt: file.raw.name.split(".").reverse().shift(),
-        fileSize: file.raw.size,
-        videoType: 11003,
-        ptpwVal: 0,
-        archiveStatus: 0,
-        multipleCategory: 100005,
-        uploadLine: 2,
-        masterId: 10494974,
-      };
-      const fileWholeObj = {
-        file: file.raw,
-        uploadStatus: "ready",
-        proCount: 0,
-        fileKey: null,
-        observable: null,
-        subscription: null,
-      };
-
-      if (this.token == null) {
-        this.$message({
-          type: "error",
-          message: "获取七牛token失败，请联系管理员",
-        });
-        return false;
-      }
-
-      const observer = {
-        next(res) {
-          if (res.total.percent >= 99) {
-            that.percent = 99;
-          } else {
-            that.percent = Math.ceil(res.total.percent);
-          }
-        },
-        error(err) {
-          console.log(err);
-        },
-        complete(res) {
-          all
-            .request({
-              url: all.urls.base + all.urls.save,
-              method: "get",
-              params: {
-                hash: res.hash,
-                key: res.key,
-                vid: fileSaveObj.videoId,
-              },
-            })
-            .then((res) => {
-              console.log(res);
-            })
-            .catch((error) => {
-              return all.request({
-                url: all.urls.onlineUrl + all.urls.transcode,
-                params: { ...fileBaseObj, ...fileSaveObj },
-                method: "get",
-              });
-            })
-            .then((data) => {
-              that.form.audioId = data.data.data.obj;
-              // that.msgText = '音频上传成功'
-              that.btnDisabled = false;
-              that.percent = 100;
-            })
-            .catch((error) => {
-              console.log(error);
-            });
-        },
-      };
-
-      Promise.all([
-        all.validateVideoSize(fileInitObj.fileSize),
-        all.validateVideoFormat(fileInitObj.gfmt),
-        all.validateNameLength(fileBaseObj.videoName),
-      ])
-        .then((check) => {
-          return this.initMd5(file.raw);
-        })
-        .then((n) => {
-          fileBaseObj.md5 = n;
-          return all.request({
-            url: all.urls.onlineUrl + all.urls.initFileOnline,
-            method: "get",
-            params: { ...fileBaseObj, ...fileInitObj },
-          });
-        })
-        .then((res) => {
-          if (res && res.data) {
-            fileSaveObj.videoId = res.data.data.obj.vid;
-            fileWholeObj.fileKey = res.data.data.obj.originPath;
-            all.putExtra.params["x:name"] = fileWholeObj.fileKey;
-            fileWholeObj.observable = qiniu.upload(
-              file.raw,
-              fileWholeObj.fileKey,
-              this.token,
-              all.putExtra,
-              all.cdnConfig
-            );
-            fileWholeObj.subscription =
-              fileWholeObj.observable.subscribe(observer);
-          } else {
-            this.$message({
-              type: "error",
-              duration: 0,
-              message: "未知错误，请联系管理员。",
-            });
-          }
-        })
-        .catch((error) => {
-          this.$message({
-            type: "error",
-            message: error,
-            duration: 0,
-          });
-        });
     },
   },
 };
 const basicConfig = {
   baseUrl: "http://cmstest.cnlive.com/cms",
-}
+};
 const urls = {
   base: "http://test.mam.innerapi.cnlive.com/v1/inner/",
-  onlineUrl: 'https://api.cnlive.com/open/api2/vod_epg/material/',
+  onlineUrl: "https://api.cnlive.com/open/api2/vod_epg/material/",
   token: "material/getQNToken",
   save: "material/saveQNComplete",
-  initFileOnline: 'uploadFileInit?appId=1423_kbrrnni803',
+  initFileOnline: "uploadFileInit?appId=1423_kbrrnni803",
   transcode: "pendingTranscodeTask?appId=1423_kbrrnni803",
 };
+const secretUrls = {
+  base: "https://api.cnlive.com/open/api2/vod_epg/videoPgc",
+  auth: "/getUploadAuth",
+  init: "/uploadFileInit",
+  callback: "/uploadCallback",
+  finish: "/uploadSuccess",
+  masterIdDev: 10505921,
+  masterIdMaster: 10494974,
+  appIdDev: "802_ji9ojo9w63",
+  appIdMaster: "1423_kbrrnni803",
+  appKeyDev: '06138c3527f48e7020261b9225660792d0a45d76b1cd4d',
+  appKeyMaster: '459d0881107ea2ddff78fb1ab31b1f134cc331982807a7'
+};
+
 const cdnConfig = {
   useCdnDomain: true,
   disableStatisticsReport: true,
   retryCount: 6,
-  region: qiniu.region.z1
-}
+  region: qiniu.region.z1,
+};
 const putExtra = {
   fname: "",
   params: {},
-  mimeType: null
+  mimeType: null,
 };
-
-
 // Rewrite Request Method
-// const baseUrl = "http://cmstest.cnlive.com/cms";
 const request = axios.create({
-  timeout: 10000
+  timeout: 10000,
 });
-// QiNiu Configs
-// const cdnConfig = {
-//   useCdnDomain: true,
-//   disableStatisticsReport: true,
-//   retryCount: 6,
-//   region: qiniu.region.z1
-// };
-// const putExtra = {
-//   fname: "",
-//   params: {},
-//   mimeType: null
-// };
-// const urls = {
-//   base: "http://test.mam.innerapi.cnlive.com/v1/inner/",
-//   onlineUrl: 'https://api.cnlive.com/open/api2/vod_epg/material/',
-//   token: "material/getQNToken",
-//   save: "material/saveQNComplete",
-//   initFileOnline: 'uploadFileInit?appId=802_k8ho7qks68',
-//   transcode: "pendingTranscodeTask?appId=802_k8ho7qks68",
-// };
+
+// Init signature
+const signFunction = function (api, list) {
+  let sha1 = require('sha1')
+  //数组合并
+  let arrApi = ["appId=" + secretUrls.appIdDev];
+  arrApi = arrApi.concat(list); //对数组进行升序处理，并拼成一个字符串
+
+  let stringSign = arrApi.sort().join("&"); //key要放在字符串最后，对字符串进行sha1加密处理，并转换为大写
+
+  let signValue = sha1(stringSign + "&key=" + secretUrls.appKeyDev).toUpperCase(); //生成最终的请求参数
+
+  let apiStringSign = api + "?" + stringSign + "&sign=" + signValue;
+
+  return apiStringSign;
+};
+
+const parseQueryString = function (url) {
+  var reg_url = /^[^\?]+\?([\w\W]+)$/,
+    reg_para = /([^&=]+)=([\w\W]*?)(&|$|#)/g,
+    arr_url = reg_url.exec(url),
+    ret = {};
+  if (arr_url && arr_url[1]) {
+    var str_para = arr_url[1],
+      result;
+    while ((result = reg_para.exec(str_para)) != null) {
+      ret[result[1]] = result[2];
+    }
+  }
+  return ret;
+};
 // File And Form Validate
-const validateVideoSize = function(curSize) {
+const validateVideoSize = function (curSize) {
   const sizeLimitation = 1024 * 1024 * 500; // 500M
   return new Promise((resolve, reject) => {
     if (parseInt(curSize) <= sizeLimitation) {
@@ -65,7 +87,7 @@ const validateVideoSize = function(curSize) {
   });
 };
-const validateNameLength = function(name) {
+const validateNameLength = function (name) {
   return new Promise((resolve, reject) => {
     if (name.length < 1 || name.length > 100) {
       reject("文件名称最小长度为2，上限长度为100！");
@@ -75,7 +97,7 @@ const validateNameLength = function(name) {
   });
 };
-const validateVideoFormat = function(curFormat) {
+const validateVideoFormat = function (curFormat) {
   // const formats = [
   //   "mp3",
   //   "wma",
@@ -93,12 +115,7 @@ const validateVideoFormat = function(curFormat) {
   //   "ogg",
   //   "mp2"
   // ];
-  const formats = [
-    "mp3",
-    "flac",
-    "wav",
-    "ogg"
-  ];
+  const formats = ["mp3", "flac", "wav", "ogg"];
   return new Promise((resolve, reject) => {
     if (formats.includes(curFormat)) {
       resolve("格式可以");
@@ -127,7 +144,7 @@ const validateName = (rules, value, callback) =&gt; {
   }
 };
-const initVideoMd5 = function(e) {
+const initVideoMd5 = function (e) {
   function i(e) {
     var i = (e >>> 0).toString(16);
     return "00000000".substr(0, 8 - i.length) + i;
@@ -172,10 +189,7 @@ const initVideoMd5 = function(e) {
       if (e.charCodeAt(t) <= 127) i.push(e.charCodeAt(t));
       else
         for (
-          var r = encodeURIComponent(e.charAt(t))
-              .substr(1)
-              .split("%"),
-            l = 0;
+          var r = encodeURIComponent(e.charAt(t)).substr(1).split("%"), l = 0;
           l < r.length;
           l++
         )
@@ -313,33 +327,32 @@ const initVideoMd5 = function(e) {
     typeof e == "string"
       ? (m = c(e))
       : e.constructor == Array
-        ? e.length === 0
-          ? (m = e)
-          : typeof e[0] == "string"
-            ? (m = t(e))
-            : typeof e[0] == "number"
-              ? (m = e)
-              : (v = typeof e[0])
-        : typeof ArrayBuffer != "undefined"
-          ? e instanceof ArrayBuffer
-            ? (m = u(new Uint8Array(e)))
-            : e instanceof Uint8Array || e instanceof Int8Array
-              ? (m = u(e))
-              : e instanceof Uint32Array ||
-                e instanceof Int32Array ||
-                e instanceof Uint16Array ||
-                e instanceof Int16Array ||
-                e instanceof Float32Array ||
-                e instanceof Float64Array
-                ? (m = u(new Uint8Array(e.buffer)))
-                : (v = typeof e)
-          : (v = typeof e),
+      ? e.length === 0
+        ? (m = e)
+        : typeof e[0] == "string"
+        ? (m = t(e))
+        : typeof e[0] == "number"
+        ? (m = e)
+        : (v = typeof e[0])
+      : typeof ArrayBuffer != "undefined"
+      ? e instanceof ArrayBuffer
+        ? (m = u(new Uint8Array(e)))
+        : e instanceof Uint8Array || e instanceof Int8Array
+        ? (m = u(e))
+        : e instanceof Uint32Array ||
+          e instanceof Int32Array ||
+          e instanceof Uint16Array ||
+          e instanceof Int16Array ||
+          e instanceof Float32Array ||
+          e instanceof Float64Array
+        ? (m = u(new Uint8Array(e.buffer)))
+        : (v = typeof e)
+      : (v = typeof e),
     v && alert("MD5 type mismatch, cannot process " + v),
     d()
   );
 };
-
 export {
   initVideoMd5,
   validateName,
@@ -347,9 +360,12 @@ export {
   validateVideoFormat,
   validateNameLength,
   validateVideoSize,
+  signFunction,
+  parseQueryString,
   request,
   putExtra,
   cdnConfig,
   basicConfig,
-  urls
-}
+  urls,
+  secretUrls,
+};
@@ -10,7 +10,7 @@ module.exports = {
   entry: path.join(__dirname, "src", "/js/audios.js"), //__dirname指的是当前目录,是目录形成绝对路径
   output: {
     //输入的文件名
-    filename: "bundle.js",
+    filename: "prodtestdata.js",
     // filename: '[name].[hash:7].js',
     publicPath: "/",
     //输入的路径  webpack会自动打包生成
@@ -24,7 +24,7 @@ module.exports = {
       //文件中找到的路径
       template: path.join(__dirname, "src", "html/index.html"),
       //打包输出的路径
-      filename: "audio.html",
+      filename: "prodtestdata.html",
     }),
     new CleanWebpackPlugin(),
   ],