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

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

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

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

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

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

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

图1

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

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

图2

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

图3

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

图4

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

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

图5

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

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

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