美文网首页
小程序配置阿里云OSS下载文件(Mac电脑开发环境)

小程序配置阿里云OSS下载文件(Mac电脑开发环境)

作者: Zzc皮卡丘 | 来源:发表于2018-08-18 23:01 被阅读0次

背景:小程序是一款轻量级的应用,功能和容量是它的痛点,大多时候要么作为一个独立的小应用,要么作为APP的一个补充。在小程序轻量级小空间的背景下,我们做开发是时候会有一些限制,比如使用大的文件和图片我们不能放到本地了,这个时候就用考虑放到云端存储,今天主要讲讲小程序怎么集成阿里云SDK进行下载操作,主要是针对Mac电脑开发环境的。

步骤如下:

1.公司或个人已开通阿里云OSS服务,控制平台已完成相关配置(开账户的事自己百度)

2.打开阿里云OSS服务,选择对象存储->SDK 参考-> Node.js  ,构建Node.js环境,使用npm安装ali-oss SDK开发包

3.把aliyun-oss-sdk-min.js文件引入小程序文件包,调OSS方法下载文件

一. 公司或个人已开通阿里云OSS服务,控制平台已完成相关配置

这个一般公司开通阿里云服务,负责人都会配置好管理平台,基本不用个人再去处理,当然没有开通的话,那就需要自己动手了。


二. 打开阿里云OSS服务,选择对象存储->SDK 参考-> Node.js  ,构建Node.js环境,使用npm安装ali-oss SDK开发包

这里安装还有一些麻烦,有一些坑我已经踩过了,希望大家不要再踩了。

1. 首先我们打开对象存储 OSS>SDK 参考>Node.js这里,因为小程序js文件是基于浏览器的,所以选择Node.js 。第一个事情就是SDK安装,看清楚文档安装环境。OSS NodeJS SDK基于Node.js环境构建,使用npm安装SDK的开发包

下载node环境地址:https://nodejs.org/en/download/,下载完毕进行安装。

2.  安装完成之后,发现Node.js在桌面上和APP应用程序上都找不到,这个时候就要想想为什么了,原来是没仔细看安装完成提示,里面有文件夹路径。(安装成功其实看不看无所谓)

3. 打开终端输入命令行

npm init -y   :从当前目录中提取的信息生成默认的package.json

npm install ali-oss  :安装ali-oss SDK包

这样就是安装成功:

三. 把aliyun-oss-sdk-min.js文件引入小程序文件包,调OSS方法下载文件

1. SDK安装完成怎么调用呢

文档是这么写的:let OSS = require('ali-oss');  这个铁定会报错,日志打印显示没有这个ali-oss文件,文件没有调用错误走不通。

找到sdk包在本地的文件夹:用户/node_modules/ali-oss/dist/aliyun-oss-sdk.js

把这个文件引入到小程序项目文件夹中去

2. 调用aliyun-oss-sdk进行下载操作

let OSS = require('aliyun-oss-sdk.min.js');

let client = new OSS({

      region: 'oss-cn-hangzhou',

      accessKeyId: 'xxxxxxxxxxx',

      accessKeySecret: 'xxxxxxx'',

      bucket: 'OSS存储文件夹名称'

});

let url = client.signatureUrl('poster1.jpg');

console.log(url);

*注意事项(阿里云url地址下载到本地缓存)

阿里云OSS.http方法下载的url地址是不加密的,所以需要给OSS中下载的地址变成https开头。因为小程序服务器下载域名必须是https,所以url地址不一致会导致下载到本地的图片无法显示到屏幕上。模拟器和真机开启测试模式是可以的,但是到正式环境就无法正常显示。

到这里,小程序Mac开发环境,从配置Node.js环境,安装ali-oss SDK包,再到引用aliyun-oss-sdk.js到项目,最后完成下载操作全部完成。

相关文章

网友评论

      本文标题:小程序配置阿里云OSS下载文件(Mac电脑开发环境)

      本文链接:https://www.haomeiwen.com/subject/btyfiftx.html