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

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

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

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

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

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

编辑于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏架构师之路

微信钱包中58到家首页为什么这么快

原文标题《前后端分离和模块化-58到家微信首页重构之路》【深度前端干货】 微信钱包内的58到家全新首页已经上线,感兴趣的同学们可以在微信中打开“我的->钱包->...

3277
来自专栏娱乐心理测试

微信小程序如何获取地理位置和进行地图导航

6525
来自专栏知晓程序

如何用 24 小时,开发一款阴阳师小程序?

1804
来自专栏ytkah

用dedecms自定义表单创建简易自助预约系统

  建站往往需要根据客户的需求来增加相应的功能,比如预约。平时用比较多的是织梦系统,那么如何用dedecms自定义表单创建简易自助预约系统呢? ?   进入de...

3495
来自专栏安富莱嵌入式技术分享

emWin视频播放器,含uCOS-III和FreeRTOS两个版本

第10期:视频播放器 配套例子: V6-918_STemWin提高篇实验_视频播放器(RTX版本,仅支持MDK4.74)

2652
来自专栏知晓程序

小程序支持模糊搜索了!但不如这个方法好用

3333
来自专栏疯狂的小程序

无痛的微信小程序开发体验

在小程序之初便开发应用了,现在小程序的开发也越来越成熟了,完善了很多的API、组件、架构等,社区也由原来的零星点点到现在的不大不小,但也算是有了,期间也诞生了很...

4195
来自专栏Python爬虫与算法进阶

App爬虫思路

但是我觉得不够全,首先对于一般的HTTP和HTTPS协议,通过最基本的Fiddler和Charles就可以抓包,具体方法请Google。需要保证两点:App走代...

1.2K2
来自专栏web前端教室

简单粗暴,以小见大 -- 实现一个按钮的前端组件

按钮,一个button,一个div,一个a标签,都可以做成按钮。现在要把它做成一个前端组件,那前端组件是什么? 定义很多,我随便网上查一个,“指一些设计为通用性...

2407
来自专栏IMWeb前端团队

移动端重构实战系列0——sandal 和 sheral

sandal是什么 简单来说,sandal是基于sass的一个移动端css的基础库,提供了一些基础的重置,常用的mixin,如flex布局,等分,水平垂直居中,...

2209

扫码关注云+社区

领取腾讯云代金券