最近参加了云开发Web训练营,算是为自己的web开发打下一点点基础,利用这点基础,我通过云开发搭建了一个私人云盘,本文主要分享搭建的步骤。
如下图所示,在利用云开发(CloudBase)进行网站开发之前,开发者需要进行一些简单的准备工作。
若需要使用云开发的其他能力,需要先进行初始化。示例代码如下:
<script src="https://imgcache.qq.com/qcloud/tcbjs/$version/tcb.js"></script>
<script>
tcb.init({
env: 'example-envid' //当前环境ID
})
</script>
TIP
初始化完成后,您需要完成登录授权。示例代码如下:
var auth = app.auth();
auth
.weixinAuthProvider({
appid: 'example-appid', //微信应用appid
scope: 'snsapi_type' //网页授权类型
})
.signIn((err, res) => {});
TIP
您可以完成对数据库基础的 CRUD 及服务端时间(serverDate)、正则查找(regExp)和地理位置(geo)等特殊数据结构的使用。示例代码如下:
var db = app.database();
db.collection('blog')
.get()
.then(res => {
var data = res.data;
console.log(data);
});
更多详情请参考数据库相关 开发指南。
您可以完成文件上传、获取下载链接或者删除文件等操作。示例代码如下:
// 上传文件
app.uploadFile({
filePath: (<HTMLInputElement>document.getElementById('file')).files[0],
cloudPath: 'cos.jpeg',
onUploadProgress: (progressEvent) => {
let percentCompleted = Math.round((progressEvent.loaded * 100) / progressEvent.total);
console.log('uploadFile progress: ' + percentCompleted, progressEvent);
}
}, function (err, res) {
});
// 获取下载链接
app.getTempFileURL({
fileList: ['cloud://example.jpeg'] //fileid
}, (err, res) => {
res.fileList && res.fileList.length
&& res.fileList.map(item => {
console.log(item.download_url)
});
});
TIP
您需要将代码中的 cloud://example.jpeg 修改为文件的 fileid 。
更多详情请参考文件存储相关 开发指南。
您可以对云函数的安全调用。示例代码如下:
//调用云函数
app.callFunction({ name: 'test', data: { hello: 'world' }, function(err, res) {
}};
更多详情请参考云函数相关 开发指南。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。