云开发(微信-小程序)笔记(五)----云函数,就这(上)
云函数
云函数即在云端(服务器端)运行的函数。
在物理设计上,一个云函数可由多个文件组成,占用一定量的 CPU 内存等计算资源;各云函数完全独立;可分别部署在不同的地区。开发者无需购买、搭建服务器,只需编写函数代码并部署到云端即可在小程序端调用,同时云函数之间也可互相调用。
一个云函数的写法与一个在本地定义的 JavaScript 方法无异,代码运行在云端 Node.js 中。当云函数被小程序端调用时,定义的代码会被放在 Node.js 运行环境中执行。我们可以如在 Node.js 环境中使用 JavaScript 一样在云函数中进行网络请求等操作,而且我们还可以通过云函数后端 SDK 搭配使用多种服务,比如使用云函数 SDK 中提供的数据库和存储 API 进行数据库和存储的操作,
**云开发的云函数的独特优势在于与微信登录鉴权的无缝整合。**当小程序端调用云函数时,云函数的传入参数中会被注入小程序端用户的 openid,开发者无需校验 openid 的正确性因为微信已经完成了这部分鉴权,开发者可以直接使用该 openid。
云函数与云数据库的对比
操作 | 云函数 | 云数据库 |
---|---|---|
返回数据的上限 | 100 | 20 |
更新数据 全更新 | 只能更新自己创建的 | |
删除数据 | 全删除 | 只能删除自己创建的 |
运行环境 | 云端 | 本地 |
功能范围 | 大 | 小(只能在数据库上进行操作) |
初始化云函数的环境
1.创建与pages平行的文件夹作为云函数(cloud)的工作目录
2.在project.config.json里面配置云函数所在目录为cloud(首行)
"cloudfunctionRoot":"/cloud",
如下图所示
3.保存后,云函数的文件夹(cloud)出现云朵,就表示初始化成功。
4.选择环境要与小程序初始化时的环境一致。
5.如果新建的云函数(右键新建node,js)与云函数的文件夹(cloud)显示在同一层,只需要在资源管理器的云函数的文件夹(cloud)中创建一个空白的文件夹即可。
云函数-Openid的调用
1.先创建一个云函数getDate(默认代码有获取openid的功能)
2.在app.json里新增一个
"pages/yunhanshu/yunhanshu", // 云函数
3.在yunhanshu.js里编写如下内容
Page({
onLoad(){
//云函数调用
wx.cloud.callFunction({
name:'getDate' //云函数名
})
.then(res =>{
console.log('成功',res)
this.setData({
openid:res.result.openid
})
})
.catch(res =>{
console.log('失败',res)
})
}
})
4.在yunhanshu.wxml里修改成如下内容
<text>{{openid}}</text>
此时,打开模拟器,就可以在页名上看见你自己的openid了!
云函数-数据查询
1.先创建一个云函数getDate(默认代码有获取openid的功能)
2.将云函数入口函数修改如下
// 云函数入口函数
exports.main = async (event, context) => {
return cloud.database().collection('Goods').get()
}
2.在app.json里新增一个云函数页面(如果有的话,就跳过)
"pages/yunhanshu/yunhanshu", // 云函数
3.在yunhanshu.js里编写如下内容
Page({
onLoad(){
//云函数调用
wx.cloud.callFunction({
name:'getDate' //云函数名
})
.then(res =>{
console.log('成功',res)
this.setData({
openid:res.result.openid
})
})
.catch(res =>{
console.log('失败',res)
})
}
})
4.在yunhanshu.wxml里修改成如下内容
<!--pages/yunhanshu/yunhanshu.wxml-->
<view wx:for = "{{list}}">
商品名:{{item.name}},价格:{{item.price}},生产地:{{item.shengchandi}}
</view>
效果图如下:
云函数-数据添加
1.先创建一个云函数Add
2.编写Add中的index.js
// 云函数入口文件
const cloud = require('wx-server-sdk')
cloud.init({
env: cloud.DYNAMIC_CURRENT_ENV
})
// 云函数入口函数
exports.main = async (event, context) => {
return cloud.database().collection('Goods')
.add({
data:{
name:event.name,
price:parseInt(event.price),
shengchandi:event.shengchandi
}
})
}
3.替换原来的增加数据代码
如下
//调用云函数进行数据增加
wx.cloud.callFunction({
name: 'Add',
data: {
price: parseInt(price),
shengchandi: shengchandi,
name: name
}
})
感谢大家,点赞,收藏,关注,评论!