首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

前端自己动手使用nodejs上传打包文件到aliyun oss

我们现在做的这个项目,前端文件选择放到aliyun oss上,oss 提供了各种语言的SDK。...我们前端本着不麻烦后端,能自己动手,就自己动手的原则,使用nodejs来上传打包后的文件到aliyun oss。...官方提供的示列: 通过put接口将本地文件上传到 OSS: let OSS = require('ali-oss') let client = new OSS({ region: '<Your...你可能需要自己写个文件遍历,才能把你dist下所有文件擅上传上去,默认是覆盖oss里的文件。如果你想每次上传,都清空oss 文件管理,你可能还需要写一个遍历oss文件,并删除的逻辑代码。...我们安装这个包: npm i -D ali-oss-publish 我们在根目录下新建 ali-oss-publish.js 代码如下: const publish = require("ali-oss-publish

7.3K40
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Web直传OSS

    最近公司需求,前端直接传图片到OSS,一般我们都是传到服务器后台,然后由后台存储。这样其实有一些缺点,OSSAPI上面说: 1、 上传慢。先上传到应用服务器,再上传到OSS,网络传送多了一倍。...如果数据直传到OSS,不走应用服务器,速度将大大提升,而且OSS是采用BGP带宽,能保证各地各运营商的速度。 2、 扩展性不好。如果后续用户多了,应用服务器会成为瓶颈。 3、 费用高。...由于OSS上传流量是免费的。如果数据直传到OSS,不走应用服务器,那么将能省下几台应用服务器。...首先是引入OSS的SDK,本来使用npm安装,但是import失败,还是使用script引入。API上面直接new OSS,使用了,直接报错,要调用Wrapper方法。...cvs.height = image.height; ctx.drawImage(image, 0, 0, cvs.width, cvs.height); return cvs ; } } 直接调用

    20.9K30

    OSS上访问静态网页

    OSS静态网站托管支持 为了使您更方便地管理在OSS上托管的静态网站,OSS支持以下功能: 静态页面支持(Index Document Support) 静态页是指当用户直接访问静态网站域名时,OSS...用户访问http://oss-sample.oss-cn-hangzhou.aliyuncs.com/和http://oss-sample.oss-cn-hangzhou.aliyuncs.com/...用户访问 http://oss-sample.oss-cn-hangzhou.aliyuncs.com/object 的时候,如果object不存在,OSS会返回http://oss-sample.oss-cn-hangzhou.aliyuncs.com...若已开通子目录首页 用户访问http://oss-sample.oss-cn-hangzhou.aliyuncs.com/的时候,相当于访问http://oss-sample.oss-cn-hangzhou.aliyuncs.com...用户访问http://oss-sample.oss-cn-hangzhou.aliyuncs.com/directory/的时候,相当于访问http://oss-sample.oss-cn-hangzhou.aliyuncs.com

    22.9K20

    将静态资源推至 OSS

    将资源推送到 OSS: ossutil 在 OSS 上创建一个 Bucket,通过官方工具 ossutil 将静态资源上传至 OSS。...build oss://shanyue-cra/ # 将带有 hash 资源上传到 OSS Bucket,并且配置长期缓存 # 注意此时 build/static 上传了两遍 (可通过脚本进行优化).../static' } } 复制代码 将资源推送到 OSS: npm scripts 另有一种方法,通过官方提供的 SDK: ali-oss 可对资源进行精准控制: 对每一条资源进行精准控制 仅仅上传变更的文件...如果,你既没有个人服务器,也没有属于个人的域名,可将自己所做的前端网站置于以下免费的托管服务平台。...但在测试环境中最好还是建议无需上传至 OSS,毕竟上传至 OSS 需要额外的时间,且对于测试环境无太大意义。

    6.4K20

    OSS AccessKey泄露引发的思考

    AccessKey包括AccessKeyID和AcessKeySecret两部分,AccessKeyID用于标识用户,AcessKeySecret用于验证用户的密钥,主要用于程序方式调用云服务API。...1、通过API接口 AccessKey ID和AccessKey Secret 就是打开这扇门的钥匙,通过调用API完成对服务器ECS实例的管理和运维操作。...OSS的AccessKey 在什么情况下会出现泄露? 采用JavaScript客户端直接签名时,AccessKeyID和AcessKeySecret会暴露在前端页面,存在严重的安全隐患。...前端OSS的AccessKey 泄露,代码如何修复? 采用JavaScript客户端签名直传存在严重安全风险,建议采用服务端签名后直传。 3. 访问OSS的AccessKey泄露了,该如何补救?...测试时,如何简单地来判断OSS的AccessKey是否储存在前端? 可以通过上传操作时,抓取的HTTP请求数量来做简单的判断。

    9K30
    领券