雅荷心语博客目前我的小程序 微云720在线全景 里面的资源都是在自己服务端,
因为服务端宽带是1M,总感觉速度不是很快,今天就抽时间写了个工具,把资源文件都上传到阿里云oss里面,增加访问速度!!!
基于阿里云的上传类ali-oss,
目前已经发布在 npm, 可以直接安装使用!
npm i webuposs –save
基本配置如下:
|
1 2 3 4 5 6 7 8 9 10 |
const rsync = require('webuposs'); const path = require("path"); new rsync({ region: 'oss-cn-beijing', //区域(EndPoint（地域节点）, 例如: oss-cn-beijing.aliyuncs.com), accessKeyId: '', accessKeySecret: '', bucket: '', bucketDir: 'static/test', // 上传到阿里云oss之后的地址 localDir: path.join(__dirname, 'dist') // 本地地址 }).upload(); |
配置参数填写正确后, 启动文件, 将会把
当前目录 dist 下面的所有文件同步到 配置的 bucket, 目录是 bucketDir
例如以当前配置上传一个文件, 我的dist目录有一个xxx.js
上传之后,
我的访问地址是: 阿里云外网地址/static/test/xxx.js
微云全景在线体验地址: https://ar.he29.com/v2/tour/index?id=213
可以很明晰感觉到, 所有的资源加载时间都在100ms以内!!!
