云开发实战绘图留言板!云开发免费额度香不香? | 🏆 技术专题第七期征文

简介: 正式开始,这篇很长长长长长长长...

什么是云开发


要说什么是云开发,首先得来看看,在没有云开发的时代,身为全栈工程师,我们要掌握并完成哪些前置条件才可以开始写业务。


  • 一台服务器或虚拟空间


  • 域名(解析、备案、HTTPS证书


  • 安装服务端环境(python/php/nginx/apache/redis/node


  • 数据库(mysql/nosql/mongodb


我们可以开始写业务代码了...


可是光写代码还不算呐,你要是真自己一个人干,你还得掌握一堆运维相关的知识...


...年轻人不讲武德啊


云开发(Serverless)可以让你直接过上面那一堆麻烦


专注于闪电五连鞭的发招..


啊...不是


云开发可以让我们专注于业务逻辑的开发


微信小程序云开发


微信小程序于2018年末隆重推出微信小程序云开发模式,本人还参加了那一年的WeGeek黑客马拉松,获得了第5名的好成绩...咳咳...


1650847584(1).png


由于微信生态圈里的独立开发者众多,小程序云开发模式又如此的直击独立开发者的痛点,相信很多开发者都已经在产品中应用云开发了。


1650847616(1).png


  • 这样的羊毛薅起来不香吗?


开通注意事项


1650847646(1).png


不可使用测试号,必须自己注册一个Appid。


1650847685(1).png


新建云开发项目时会默认新建一个云开发的demo项目,里面详细的演示了如何使用云开发的各项能力,大家自己去看文档,这里就不多此一举凑字数了。


本文案例


我们利用云开发,做一个画画接龙留言板


留言板UI搭建


image.png


画图


image.png


云存储


  • canvas转临时文件转base64


wx.canvasToTempFilePath({
  canvasId: 'myCanvas',
  success: function (res) {
    wx.cloud.callFunction({
      name:"painterbbs",
      data:{
        act:"post",
        file:wx.getFileSystemManager().readFileSync(res.tempFilePath,"base64")
      },
      success:(result)=>{
        wx.hideLoading();
        console.log(result);
        that.setData({
          painterIsShow: false
        });
      }
    });
  }
})


  • 云函数接收参数并上传到云存储


let res = await cloud.uploadFile({
  cloudPath:"painterbbs/"+wxContext.OPENID+Date.now()+".png",
  fileContent:Buffer.from(event.file, 'base64')
});


云数据库


提交


db.collection("painterbbs").add({
  data:{
    openid:wxContext.openid,
    fileid:res.fileID
  }
});


读取


const res = await db.collection("painterbbs")
  .skip(event.page?event.page:0)
  .limit(10)
  .get();
return res;


删除


const res = await db.collection("painterbbs").doc(event.id).remove();
return res;


相关文章
激动!阿里技术官纯手打,1263页并发编程全系笔记,限时开源
所谓并发编程是指在一台处理器上“同时”处理多个任务。并发在同一实体上的多个事件。多个事件在同一时间间隔发生。
|
存储 Kubernetes Cloud Native
K8s 资源全汇总 | K8s 大咖带你 31 堂课从零入门 K8s
关注“阿里巴巴云原生”公众号,后台回复“入门”,即可下载课程全部 PPT 合集!
 K8s 资源全汇总 |  K8s 大咖带你 31 堂课从零入门 K8s
|
Serverless
【活动已结束】重温童年的“五子棋”,赢取专属阿里云 Serverless 证书和众多好礼
当古老的“五子棋”遇上最新最火热的Serverless,会擦出什么样的火花?一起来动手体验,赢取你的专属阿里云Serverless证书,更有众多好礼等你来抽。
【活动已结束】重温童年的“五子棋”,赢取专属阿里云 Serverless 证书和众多好礼
|
JavaScript 前端开发 安全
“高校学生在家实践”活动的绝妙体验
初识阿里云,经过了阿里云提供的服务器教程学习和考试,自己搭建了Nodejs文件传输后端,以及挂载自己写的前端网页,体会了前后端交互的痛苦以及乐趣!
“高校学生在家实践”活动的绝妙体验
|
Linux 云计算 开发者
云起实验室有奖征文,精美好礼等你来领——《我的linux初体验》
云起实验室面向开发者提供免费云产品资源、沉浸式体验环境、手把手操作手册,帮助开发者实现上云第一站,快速学习了解云计算及云产品。
15235 0
云起实验室有奖征文,精美好礼等你来领——《我的linux初体验》
|
域名解析 缓存 网络协议
保姆级教程从零搭建云服务器(小彩蛋,请大家看烟花秀)
保姆级教程从零搭建云服务器(小彩蛋,请大家看烟花秀)
502 0
保姆级教程从零搭建云服务器(小彩蛋,请大家看烟花秀)
|
SQL Oracle 关系型数据库
冬季实战营 动手实战-MySQL数据库快速部署实践 领鼠标 云小宝
五期冬季实战,从入门到进阶,以最佳实践帮助开发者,快速云上实践,云上学习。 体验有礼,点击前往:[https://developer.aliyun.com/adc/series/wintercamp]
冬季实战营 动手实战-MySQL数据库快速部署实践 领鼠标 云小宝
|
Linux 开发工具
冬季实战营第二期:Linux操作系统实战入门-体验感受
冬季实战营第二期:Linux操作系统实战入门 体验感受
127 0
冬季实战营第二期:Linux操作系统实战入门-体验感受
|
弹性计算 缓存 安全
冬季实战营第二期:Linux操作系统实战入门全流程
冬季实战营第二期:Linux操作系统实战入门全流程
133 0
冬季实战营第二期:Linux操作系统实战入门全流程
|
弹性计算 运维 Linux
我是一名软件专业的学生,目前本科。在校的时候通过朋友推荐了解到阿里云的飞天加速计划能够领取免费的学生服务器进行学习,初次试用时间为两周。通过这方面能力的学习,能够进一步提升我的业务能力和动手能力,无论是对我以后就业还是深造都受益匪浅。
我是一名软件专业的学生,目前本科。在校的时候通过朋友推荐了解到阿里云的飞天加速计划能够领取免费的学生服务器进行学习,初次试用时间为两周。通过这方面能力的学习,能够进一步提升我的业务能力和动手能力,无论是对我以后就业还是深造都受益匪浅。