Last active
August 28, 2018 01:34
-
-
Save wxingheng/0336e01e4c9cdd27d24aecb954b190ea to your computer and use it in GitHub Desktop.
七牛 CDN 免费静态资源存储 测试使用
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| **注册** | |
| **实名认证** | |
| **创建存储空间** | |
|  | |
| **静态资源上传** | |
|  | |
| **然后就可以通过七牛给的域名访问自己的外网资源了** | |
| **【进阶】** | |
| 通过 node 自动上传静态资源 | |
| upload.js | |
| ```language | |
| const qiniu = require('qiniu') | |
| const fs = require('fs') | |
| const path = require('path') | |
| const cdnConfig = require('../app.config').cdn | |
| const { | |
| ak, sk, bucket | |
| } = cdnConfig | |
| const mac = new qiniu.auth.digest.Mac(ak, sk) | |
| const config = new qiniu.conf.Config() | |
| config.zone = qiniu.zone.Zone_z0 | |
| const doUpload = (key, file) => { | |
| const options = { | |
| scope: bucket + ':' + key | |
| } | |
| const formUploader = new qiniu.form_up.FormUploader(config) | |
| const putExtra = new qiniu.form_up.PutExtra() | |
| const putPolicy = new qiniu.rs.PutPolicy(options) | |
| const uploadToken = putPolicy.uploadToken(mac) | |
| return new Promise((resolve, reject) => { | |
| formUploader.putFile(uploadToken, key, file, putExtra, (err, body, info) => { | |
| if (err) { | |
| return reject(err) | |
| } | |
| if (info.statusCode === 200) { | |
| resolve(body) | |
| } else { | |
| reject(body) | |
| } | |
| }) | |
| }) | |
| } | |
| const publicPath = path.join(__dirname, '../dist') | |
| // publicPath/resource/client/... | |
| const uploadAll = (dir, prefix) => { | |
| const files = fs.readdirSync(dir) | |
| files.forEach(file => { | |
| const filePath = path.join(dir, file) | |
| const key = prefix ? `${prefix}/${file}` : file | |
| if (fs.lstatSync(filePath).isDirectory()) { | |
| return uploadAll(filePath, key) | |
| } | |
| doUpload(key, filePath) | |
| .then(resp => console.log(resp)) | |
| .catch(err => console.error(err)) | |
| }) | |
| } | |
| uploadAll(publicPath) | |
| ``` | |
| app.config.js | |
| ```language | |
| module.exports = { | |
| cdn: { | |
| host: 'http://pe46y1d76.bkt.clouddn.com/', | |
| bucket: 'shenzheng-vue', | |
| ak: 'WsVz0EzdrJ7IIsdafzsfEJ424OT-y4kI23TEBtFZuXx5fghjiaqb_SVU', | |
| sk: 'J3HRP-5ajghsfuTBMAMasdfasdfasdfas9eqBOZbVFr9ughjg_RGxjdK5w' | |
| } | |
| } | |
| ``` | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment