云开发(微信-小程序)笔记(五)----云函数,就这(上)

简介: 云开发(微信-小程序)笔记(五)----云函数,就这(上)

云开发(微信-小程序)笔记(四)---- 还有吗?再来点

云函数

云函数即在云端(服务器端)运行的函数。在物理设计上,一个云函数可由多个文件组成,占用一定量的 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",
• 1

如下图所示

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
      }
  }

云开发(微信-小程序)笔记(六)----云函数,就这(下)

感谢大家,点赞,收藏,关注,评论!

目录
相关文章
|
2天前
|
小程序 前端开发 持续交付
小程序全栈开发中的CI/CD流程与自动化部署是一种高效的开发模式。
本文探讨小程序全栈开发中的CI/CD流程与自动化部署,介绍持续集成与部署的概念,包括自动化构建、测试、代码审查及部署实践。通过提高代码质量、迭代速度及团队协作效率,确保小程序稳定运行与良好用户体验。
11 2
|
2天前
|
小程序 前端开发 API
微信小程序全栈开发中的异常处理与日志记录是一个重要而复杂的问题。
微信小程序作为业务拓展的新渠道,其全栈开发涉及前端与后端的紧密配合。本文聚焦小程序开发中的异常处理与日志记录,从前端的网络、页面跳转等异常,到后端的数据库、API调用等问题,详述了如何利用try-catch及日志框架进行有效管理。同时强调了集中式日志管理的重要性,并提醒开发者注意安全性、性能及团队协作等方面,以构建稳定可靠的小程序应用。
9 1
|
2天前
|
小程序 前端开发 API
微信小程序全栈开发中的多端适配与响应式布局是一种高效的开发模式。
探讨小程序全栈开发中的多端适配与响应式布局,旨在实现统一的用户体验。多端适配包括平台和设备适配,确保小程序能在不同环境稳定运行。响应式布局利用媒体查询和弹性布局技术,使界面适应各种屏幕尺寸。实践中需考虑兼容性、性能优化及用户体验,借助跨平台框架如Taro或uni-app可简化开发流程,提升效率。
8 1
|
2天前
|
监控 小程序 安全
小程序全栈开发中的WebSocket实时通信实践是一种高效的开发模式。
随着移动互联网的发展,小程序成为企业拓展业务的新渠道。WebSocket作为一种实时通信协议,可在小程序中实现如实时聊天、推送、游戏等功能。它支持客户端与服务器间的全双工长连接通信,优于传统HTTP。开发者需注意安全、性能及兼容性等问题,以优化体验并保障稳定运行。掌握WebSocket有助于提升小程序功能性与用户体验。
11 1
|
5天前
|
小程序 开发者
第一个微信小程序的初始化过程、小程序微信开发平台的下载、如何注册一个微信小程序的账号
这篇文章介绍了微信小程序的初始化过程,包括如何注册微信小程序账号、下载微信小程序开发者平台,并指导了新建小程序的详细步骤。
第一个微信小程序的初始化过程、小程序微信开发平台的下载、如何注册一个微信小程序的账号
|
8天前
|
小程序 JavaScript 前端开发
微信小程序开发必备前置知识:基本代码构成与语法
【8月更文挑战第8天】微信小程序的基本代码构成与语法
15 0
微信小程序开发必备前置知识:基本代码构成与语法
|
19天前
|
移动开发 开发框架 小程序
开发H5程序或者小程序的时候,后端Web API项目在IISExpress调试中使用IP地址,便于开发调试
开发H5程序或者小程序的时候,后端Web API项目在IISExpress调试中使用IP地址,便于开发调试
|
2天前
|
小程序 前端开发 数据安全/隐私保护
微信小程序全栈开发中的身份认证与授权机制是一个重要而复杂的问题。
微信小程序作为业务拓展的新渠道,其全栈开发中的身份认证与授权机制至关重要。本文概览了身份认证方法,包括手机号码验证、微信及第三方登录;并介绍了授权机制,如角色权限控制、ACL和OAuth 2.0。通过微信登录获取用户信息,利用第三方登录集成其他平台,以及实施角色权限控制和ACL,开发者能有效保障小程序的安全性和提供良好用户体验。此外,还强调了在实现过程中需注重安全性、用户体验和合规性。
5 0
|
5天前
|
小程序 JavaScript
|
7天前
|
小程序 前端开发 JavaScript
微信小程序实现微信支付(代码和注释很详细)
微信小程序实现微信支付(代码和注释很详细)

热门文章

最新文章