背景:小程序是一款轻量级的应用,功能和容量是它的痛点,大多时候要么作为一个独立的小应用,要么作为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到项目,最后完成下载操作全部完成。