当前位置:   article > 正文

微信小程序云开发———云函数_微信开发者工具cloud.dynamic

微信开发者工具cloud.dynamic

1.云函数环境配置

在目录中添加一个cloud文件夹与pages平级

并在project.config.json文件中配置云函数所在目录cloud/

保存后cloud文件夹会出现一个云朵的形状,并且需要我们进行同步环境列表

 

 因为作者有其他的云开发环境,所以正常来说同学们新建的cloud中只有一个开发环境

2.创建云函数

在新建的cloud中,开始新建云函数文件

在functions中新建一个node.js云函数文件,命名为cloudFunction

 新建cloudFunction,需要等待几秒,等cloudFunction文件上传更新完成后即可,上传更新完毕后cloudFunction文件夹的图案就会发生改变

 在新建的cloudFunction的index.js文件中配置云函数的环境

  1. // 第一种配置方式
  2. // cloud.init({
  3. // env: 'xxx' //云开发环境id
  4. // })
  5. // 第二种配置方式
  6. cloud.init({
  7. env: cloud.DYNAMIC_CURRENT_ENV //云开发环境id
  8. })

推荐使用DYNAMIC_CURRENT_ENV常量,标志当前所在环境,注意该值不是当前所在环境 ID 的字符串,其值等价于 Symbol.for('DYNAMIC_CURRENT_ENV'),是用于标志当前所在环境的。如在 init 中如果给 env 参数传该常量值,则后续的 API 请求会自动请求当前所在环境的云资源,如云函数 A 当前所在环境是 test-123,则其接下来请求数据库、文件存储、云函数时都默认请求环境 test-123 的数据库、文件存储、云函数。

[参考文档](https://developers.weixin.qq.com/miniprogram/dev/wxcloud/reference-sdk-api/constant/constant.html#%E7%A4%BA%E4%BE%8B)

3.使用云函数对数据库进行增删查改

3.1数据库使用云函数的查询方法

首先配置云函数的入口函数

  1. // 云函数入口函数
  2. exports.main = async (event, context) => {
  3. return cloud.database().collection('students').get()
  4. }

在云函数入口函数中的配置,与小程序直接调用云数据库的固定写法差不多,只是在node.js中不能标识wx,因此原有的wx.cloud.database().collection(' ')变为cloud.database().collections(' ')

每一次对云函数文件的改动不仅需要ctrl+s保存下来,而且需要重新部署云函数文件,只要是云函数文件的改动都要重新部署,不只是index.js,只有重新部署,代码才可以正常运行。

 下面我们分别将云函数调用数据和小程序直接调用数据进行一个对比

云函数调用数据

  1. // 传统的success和fail(第一种)
  2. wx.cloud.callFunction({ //这里变成.callFunction,不再是.database().collection('')
  3. name:'cloudFunction', //云函数的名字
  4. success(res){
  5. console.log('请求成功',res)
  6. that.setData({
  7. openid:res.result.openid
  8. })
  9. },
  10. fail(err){
  11. console.log('请求失败',err)
  12. }
  13. })
  14. // 用promise写法then和catch(第二种)
  15. wx.cloud.callFunction({
  16. name:'cloudFunction' //云函数的名字
  17. })
  18. .then(res=>{ //云函数返回100条数据
  19. console.log('请求成功',res)
  20. this.setData({
  21. openid:res.result.openid
  22. })
  23. })
  24. .catch(err=>{
  25. console.log('请求失败',err)
  26. })

小程序直接调用数据

  1. wx.cloud.database().collection('students')
  2. .get()
  3. .then(res=>{
  4. console.log('请求数据成功',res)
  5. })
  6. .catch(err=>{
  7. console.log('请求数据失败',err)
  8. })

这两种方法都可以直接调出数据,那区别在哪里呢

云函数即在云端(服务器端)运行的函数。在物理设计上,一个云函数可由多个文件组成,占用一定量的 CPU 内存等计算资源;各云函数完全独立;可分别部署在不同的地区。开发者无需购买、搭建服务器,只需编写函数代码并部署到云端即可在小程序端调用,同时云函数之间也可互相调用。
一个云函数的写法与一个在本地定义的 JavaScript 方法无异,代码运行在云端 Node.js 中。当云函数被小程序端调用时,定义的代码会被放在 Node.js 运行环境中执行。我们可以如在 Node.js 环境中使用 JavaScript 一样在云函数中进行网络请求等操作,而且我们还可以通过云函数后端 SDK 搭配使用多种服务,比如使用云函数 SDK 中提供的数据库和存储 API 进行数据库和存储的操作,这部分可参考数据库和
存储后端 API 文档。
云开发的云函数的独特优势在于与微信登录鉴权的无缝整合。当小程序端调用云函数时,云函数的传入参数中会被注入小程序端用户的 openid,开发者无需校验 openid 的正确性因为微信已经完成了这部分鉴权,开发者可以直接使用该 openid。

3.2数据库使用云函数添加数据

新建一个添加数据的云函数addFunction,并且配置好云开发环境

 

  1. // 云函数入口函数
  2. exports.main = async (event, context) => {
  3. return cloud.database().collection('students')
  4. .add({
  5. data:{
  6. name:event.name,
  7. sex:event.sex,
  8. age:event.age
  9. }
  10. })
  11. }

 且在页面js进行调用

 

  1. wx.cloud.callFunction({
  2. name:'addFunction',
  3. data:({
  4. name:"pohao",
  5. sex:"male",
  6. age:26
  7. })
  8. }).then(res=>{
  9. console.log('添加成功',res)
  10. }).catch(err=>{
  11. console.log('添加失败',err)
  12. })

 切记一定要重新部署云函数!!!

运行成功后查看云数据库里是否新添加到pohao这条数据

 

3.3数据库使用云函数删除数据 

 

  1. // 云函数入口文件
  2. const cloud = require('wx-server-sdk')
  3. loud.init({
  4. env: cloud.DYNAMIC_CURRENT_ENV //云开发环境id
  5. })
  6. const db = cloud.database()
  7. // 云函数入口函数
  8. exports.main = async (event, context) => {
  9. var id = event.ids //从js文件里面传一个id进行删除
  10. return await db.collection('address')
  11. .doc(id)
  12. .remove()
  13. }
  1. removeFunction() {
  2. //获取要删除数据的Id
  3. console.log(this.data.deleteId)
  4. var that = this;
  5. wx.cloud.callFunction({
  6. name: "removeFunction",
  7. data: {
  8. id: that.data.deleteId
  9. },
  10. }).then(res=>{
  11. console.log('删除成功',res)
  12. }).catch(err=>{
  13. console.log('删除失败',err)
  14. })
  15. }

3.4数据库使用云函数修改数据 

  1. // 云函数入口文件
  2. const cloud = require('wx-server-sdk')
  3. loud.init({
  4. env: cloud.DYNAMIC_CURRENT_ENV //云开发环境id
  5. })
  6. const db = cloud.database()
  7. // 云函数入口函数
  8. exports.main = async (event, context) => {
  9. var id = event.ids //从js文件里面传一个id进行修改
  10. return await db.collection('address')
  11. .doc(id)
  12. .updata({
  13. name:event.name,
  14. sex:event.sex,
  15. age:event.age
  16. })
  17. }
  1. updataFunction() {
  2. //获取要修改数据的Id
  3. console.log(this.data.deleteId)
  4. var that = this;
  5. wx.cloud.callFunction({
  6. name: "updataFunction",
  7. data: {
  8. id: that.data.deleteId,
  9. name:"",
  10. sex:"",
  11. age:""
  12. },
  13. }).then(res=>{
  14. console.log('修改成功',res)
  15. }).catch(err=>{
  16. console.log('修改失败',err)
  17. })
  18. }

 若有其他问题欢迎私信!

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/我家小花儿/article/detail/570738
推荐阅读
相关标签
  

闽ICP备14008679号