云函数的使用(1)

云函数

  • 认识云函数
  • 云函数的使用(1)_第1张图片

  • 初始化云函数环境

2.1 创建cloud文件夹

云函数的使用(1)_第2张图片

 

2.1.1 创建与pages相同等级的文件夹cloud

2.1.2 在project.config.json里面配置云函数所在目录为cloud

"cloudfunctionRoot":"/miniprogram/cloud",(在文件夹前面会出现一个小云朵)

云函数的使用(1)_第3张图片

 

2.2新建一个云函数

云函数的使用(1)_第4张图片

 

2.3 app.js

App({

  onLaunch(){

    wx.cloud.init({

      env:'cloud1-4ghmiif8fc183d81'

    })

  }

});

  • 云函数的使用

3.1数据的获取

3.1.1默认在index.js中编写云函数

云函数的使用(1)_第5张图片

 

3.1.2调用云函数

在pages下创建一个新的文件夹,之后在js中调用云函数

Page({

  onLoad(){

    wx.cloud.callFunction({

      name:'getData'

    })

  }

})

打印调用成功:

Page({

  onLoad(){

    wx.cloud.callFunction({

      name:'getData'

    })

    .then(res=>{

      console.log('success',res)

      this.setData({

        openid:res.result.openid

      })获取数据的openid

    })

    .catch(res=>{

      console.log('fail',res)

    })

  }

})

在wxml中调用:<text>{{openid}}text>

云函数的使用过程中,只要有变动,就需要重新部署(右键点击上传并部署)只改了一个文件时可以单独部署

3.1.3如果有两个云开发环境,偶尔会报错

1.复制app.js中的

    wx.cloud.init({

      env:'cloud1-4ghmiif8fc183d81(当前云开发环境的id)'

})并删除wx

改后代码:index.js

// 云函数入口文件

const cloud = require('wx-server-sdk')

cloud.init({

  env:'cloud1-4ghmiif8fc183d81'

})

// 云函数入口函数

exports.main = async (event, context) => {

    return cloud.database().collection('study').get()

}

2.使用常量函数(DYNAMIC_CURRENT_ENV)--始终指向当前环境下的默认id 

云函数的使用(1)_第6张图片

改后代码:index.js

// 云函数入口文件

const cloud = require('wx-server-sdk')

cloud.init({

  env:cloud.DYNAMIC_CURRENT_ENV

})

// 云函数入口函数

exports.main = async (event, context) => {

    return cloud.database().collection('study').get()

}

你可能感兴趣的:(云函数,微信小程序,小程序)