千锋教育-做有情怀、有良心、有品质的职业教育机构

手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

【热点话题】 零基础学IT IT学习教程 IT学习笔记 IT技术干货 IT培训机构 IT应聘面试 IT职场就业 Java培训机构哪些好
当前位置:首页  >  关于学院  >  技术干货  > 小程序中云函数的使用

小程序中云函数的使用

来源:千锋教育
发布人:wjy
时间: 2022-08-11 15:50:29 1660204229

  什么是云函数?为何要用

  最近在做小程序开发的时候,发现在创建小程序的时候可以勾选一个使用云开发的选项。这里面就提供了云操作相关的功能。说白了,就是小程序内部帮助我们构建了一个云服务器,我们可以在这服务器上面进行后端数据库一些较为复杂的业务实现了。使用了云开发后,更大强度的丰富了我们与后端的直接操作。

  那激动人心的时刻到了,我们如何使用云开发中的云函数呢?

 

  创建目录与云函数

  第一步,在微信开发者工具中创建目录与新建nodejs云函数

小程序中云函数的使用1

 

  接下来,需要将此目录在project.config.json中进行配置:

  "cloudfunctionRoot": "./cloudfunction/"

  如图所示,就有这样的一个云开发目录了:(不要忘记,在目录右键选择你当前环境哦^_^)

小程序中云函数的使用2

 

  然后我们右键我们的cloudfunciton,选择创建node.js云函数,名字起名logins

小程序中云函数的使用3

 

  创建完成后,它会自动帮助我们进行云函数的部署,我们可以打开云开发看到后端刚刚部署的云函数:

小程序中云函数的使用4

 

  并且在创建好的云函数里面,小程序内部帮助实现了一些nodejs后端代码:

小程序中云函数的使用9

  前端调用云函数

  当我们上传好小程序后,前端其实可以配置两个云环境。但是如果配置了两个云环境(开发|生产),我们就必须在app.js文件中指明当前的云环境的id才可以。

  获取环境id:

小程序中云函数的使用5

小程序中云函数的使用10

  可以找到页面的onReady这个钩子函数,进行云函数的调用:

小程序中云函数的使用11

  接下来就会在控制台打印出相关的日志记录:

小程序中云函数的使用6

  彩蛋

  后续其实可以在云函数中进行更多关于数据库集合相关的操作,因为我们前端直接调用云数据库还是有一部分的受限问题,经常在开发中关于云数据库更多的操作放置在云函数中,前端调用云函数实现数据库间接调用。这也是更大程度的见证了云函数的神奇功能哦。

  那么到这一步,共享哦! 你已经学会了如何成功在小程序前端调用云函数喽!

  更多关于html5培训的问题,欢迎咨询千锋教育在线名师,如果想要了解我们的师资、课程、项目实操的话可以点击咨询课程顾问,获取试听资格来试听我们的课程,在线零距离接触千锋教育大咖名师,让你轻松从入门到精通。

声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。

10年以上业内强师集结,手把手带你蜕变精英

请您保持通讯畅通,专属学习老师24小时内将与您1V1沟通

免费领取

今日已有369人领取成功

刘同学 138****2860 刚刚成功领取
王同学 131****2015 刚刚成功领取
张同学 133****4652 刚刚成功领取
李同学 135****8607 刚刚成功领取
杨同学 132****5667 刚刚成功领取
岳同学 134****6652 刚刚成功领取
梁同学 157****2950 刚刚成功领取
刘同学 189****1015 刚刚成功领取
张同学 155****4678 刚刚成功领取
邹同学 139****2907 刚刚成功领取
董同学 138****2867 刚刚成功领取
周同学 136****3602 刚刚成功领取

推荐阅读

最新文章

开班信息
北京校区
  • 北京校区
  • 大连校区
  • 广州校区
  • 成都校区
  • 杭州校区
  • 长沙校区
  • 合肥校区
  • 南京校区
  • 上海校区
  • 深圳校区
  • 武汉校区
  • 郑州校区
  • 西安校区
  • 青岛校区
  • 重庆校区
  • 太原校区
  • 沈阳校区