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

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

什么是云开发


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


  • 一台服务器或虚拟空间


  • 域名(解析、备案、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;


相关文章
|
6月前
|
前端开发 JavaScript
打造现代感十足的卡片式企业官网:HTML+CSS全攻略!
打造现代感十足的卡片式企业官网:HTML+CSS全攻略!
|
6月前
|
小程序 定位技术 API
从新手到行家:支付宝小程序开发的全景攻略
【8月更文挑战第27天】在数字化转型的大潮中,支付宝小程序作为连接商家与消费者的桥梁发挥着重要作用。本文以“美食地图”支付宝小程序为例,从项目概述、开发准备、开发实践、问题解决到最终总结,全面解析支付宝小程序的开发流程。从环境搭建到页面设计,再到业务逻辑实现,最后完成性能优化、测试与发布,详细介绍如何打造一款实用且用户体验优良的小程序。“美食地图”不仅让用户轻松搜索周边美食、查看评价和优惠信息,还能在线预约,极大地提升了便利性和满意度。通过实战案例分享,为开发者提供宝贵的经验参考。
122 0
|
测试技术 开发者
「阿里开发者」微信公众平台双月阅读排行榜来袭!
更多优质技术内容,请关注「阿里开发者」微信公众平台!
1445 7
「阿里开发者」微信公众平台双月阅读排行榜来袭!
|
安全 API 开发者
产品测评火爆进行中,可赢取Kindle、免费资源包等奖品,快来参加吧!!!
阿里云视觉智能开放平台的DetectLivingFace 人脸活体检测 测评活动火爆上线
产品测评火爆进行中,可赢取Kindle、免费资源包等奖品,快来参加吧!!!
|
Serverless
【活动已结束】重温童年的“五子棋”,赢取专属阿里云 Serverless 证书和众多好礼
当古老的“五子棋”遇上最新最火热的Serverless,会擦出什么样的火花?一起来动手体验,赢取你的专属阿里云Serverless证书,更有众多好礼等你来抽。
【活动已结束】重温童年的“五子棋”,赢取专属阿里云 Serverless 证书和众多好礼
|
机器学习/深度学习
R爱好者福利|免费线上资源分享
最近有些R爱好者想要寻求R语言相关资料,以下为小编平常经常使用的免费开源的R语言资料,和大家分享。 其他统计,R语言书籍小编这也搜集了很多,但是由于版权等问题,不能直接分享,需要可后台联系,或者加小编微信(菜单:资料获取)。
305 0
R爱好者福利|免费线上资源分享
|
Cloud Native Serverless 程序员
云开发太简单了吧!「72变的云开发」有奖征文领三重好礼!
想让你的应用成为几万个开发者的开发模版吗?云开发平台向腾云驾雾的程序员征集Serverless云开发的最佳实践,优秀的应用案例将成为云开发平台实验室的模版供大家体验,一键部署成为TA的应用。同时云开发平台还准备了开发者社区有史以来最大的礼包等你来PICK,阿里云定制T、公仔徽章、背包、Cherry联名BugFree机械键盘!
1355 0
云开发太简单了吧!「72变的云开发」有奖征文领三重好礼!
|
弹性计算 关系型数据库 MySQL
阿里云冬季实战营(第一期学习记录)
阿里云冬季实战营(第一期学习记录)训练营日期:2022年1月17日 - 2022年1月23日
|
监控 算法 安全
小米行李箱、厚款卫衣、定制徽章大礼包免费领? 没错!问答官第三期性能调优专场来啦
用更少的资源提供更好的服务,让成本利益最大化,这是我们在工作中不变的追求。性能调优的手段有空间换时间、时间换空间、并行,你还有哪些更好的解决办法?
小米行李箱、厚款卫衣、定制徽章大礼包免费领? 没错!问答官第三期性能调优专场来啦
|
Serverless 云计算 开发者