前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【小程序-云开发】手把手教你使用云开发(云储存开发)

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

原创
作者头像
谭广健
修改2018-10-12 18:31:47
11.8K6
修改2018-10-12 18:31:47
举报
文章被收录于专栏:谭广健的专栏谭广健的专栏

话说上次程序员哥哥,教会美工妹妹创建小程序云开发的环境后;发现在云开发环境中竟然送了一个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!赶紧自己动手做一个属于你自己的小程序吧!

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

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

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
云开发 CloudBase
云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档