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

手机站
千锋教育

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

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

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

当前位置:首页  >  技术干货  > 前端开发技巧|小程序开发中云函数的应用

前端开发技巧|小程序开发中云函数的应用

来源:千锋教育
发布人:小千
时间: 2021-06-01 09:01:00 1622509260

      在做小程序开发的时候,当你创建小程序时会看到一个使用云开发的选项,说白了就是提供我们一个云服务器,在里面可以实现一些服务端的复杂操作,下面小千就来教大家如何去使用云函数进行小程序的开发。

      创建目录与云函数

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

1

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

      "cloudfunctionRoot": "./cloudfunction/"

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

2

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

3

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

4

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

5

      前端调用云函数

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

      获取环境id:

6

7

      配置完成这些操作后,前端其实就可以调用我们云函数logins了:

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

8

      name就是我们当时创建的云函数的名称,res就是在云函中return给我们的结果,接下来就会在控制台打印出相关的日志记录:

9

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

      到这你已经学会了在小程序中调用云函数了,最后欢迎对前端开发感兴趣的同学来到千锋web前端培训班参加我们的web前端培训课程,现在咨询更有全套免费学习资料可以领取,赶紧来找在线老师申领吧。

tags:
声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。
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 刚刚成功领取
相关推荐HOT