【小程序-云开发】手把手教你使用云开发(云储存开发)

2018-10-12 18:31:47 浏览数 (1)

话说上次程序员哥哥,教会美工妹妹创建小程序云开发的环境后;发现在云开发环境中竟然送了一个5G的储存空间。于是琢磨来琢磨去反正白用白不用,这5G储存空间用来做什么好呢?终于灵光一闪,做个私有的照片储存小程序吧!毕竟5G的空间可以储存2000张左右的照片,刚好可以把手机重要的照片保存一下。

在写这个照片储存小程序前先要理清这个小程序的思路,当运行这个小程序后需有一个按钮,点击这个按钮自动调出本地相册或相机,当调用成功后就直接把照片上传到云开发环境中的储存空间。

我们这个照片储存小程序只需要使用两个API:

一个wx.chooseImage用于调出本地相册或相机,另一个就是云开发中的wx.cloud.uploadFile用于将照片上传到云储存空间。

思路理清,API也知道了;那我们开始动手吧!Let’s do it!

调出我们熟悉的微信开发工具。

图1图1

注意,在建立云开发快速启动模板前的勾不用选择【图1】

进入开发界面,这时候默认只有一个project.config文件 ,所以我们还需要创建 app.js 和 app.json 及相关的基本页面(图2)进行补齐。

图2图2

我们只是做一个简单的页面,页面上就一个上传按钮,点击这个按钮就调出之前我们构思好的两个API,因此只需要在index.wxml里写入一个按钮就可以了(图3)。

图3图3

接下来就是用户使用时点击按钮的脚本调用,这里我们只要在index.js里写入相关 API的代码就可以了;图4相关代码。

图4图4

到这里我们的照片储存小程序就基本已开发完毕了,赶紧点击模拟器中的【上传按钮】,测试一下吧~

如提示上传成功,我们就可以点击【云开发】打开【云开发控制台】中的【储存管理】中看到我们上传的文件(图5)。

图5图5

是不是很简单只要几步就能创建一个属于自己的小程序,如果在以前确实挺复杂繁琐的,既要设置上传服务器和开通相关的权限,但现在有了小程序云开发后这些事情就so easy!赶紧自己动手做一个属于你自己的小程序吧!

注:该文已首发于[微信公开课 ]中的[小程序社区]

更多技术文章可以扫描以下方二维码加入微信公开课

0 人点赞