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

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

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

云函数

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

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

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

目录
相关文章
|
6天前
|
人工智能 小程序 程序员
【视频测评 DEMO 参考】VSCode 神级 AI 插件通义灵码:完全免费+实战教程+微信贪吃蛇小程序
VSCode 神级 AI 插件通义灵码:完全免费+实战教程+微信贪吃蛇小程序
153 7
|
13天前
|
存储 小程序 前端开发
微信小程序与Java后端实现微信授权登录功能
微信小程序极大地简化了登录注册流程。对于用户而言,仅仅需要点击授权按钮,便能够完成登录操作,无需经历繁琐的注册步骤以及输入账号密码等一系列复杂操作,这种便捷的登录方式极大地提升了用户的使用体验
133 12
|
26天前
|
小程序 前端开发 关系型数据库
uniapp跨平台框架,陪玩系统并发性能测试,小程序源码搭建开发解析
多功能一体游戏陪练、语音陪玩系统的开发涉及前期准备、技术选型、系统设计与开发及测试优化。首先,通过目标用户分析和竞品分析明确功能需求,如注册登录、预约匹配、实时语音等。技术选型上,前端采用Uni-app支持多端开发,后端选用PHP框架确保稳定性能,数据库使用MySQL保证数据一致性。系统设计阶段注重UI/UX设计和前后端开发,集成WebSocket实现语音聊天。最后,通过功能、性能和用户体验测试,确保系统的稳定性和用户满意度。
|
30天前
|
移动开发 小程序
thinkphp+uniapp开发的多端商城系统源码/H5/小程序/APP支持DIY模板直播分销
thinkphp+uniapp开发的多端商城系统源码/H5/小程序/APP支持DIY模板直播分销
27 0
|
30天前
|
JSON 小程序 JavaScript
原生微信小程序笔记完整总结
原生微信小程序笔记完整总结
43 1
|
1月前
|
小程序 IDE PHP
圈子源码如何打包生成App小程序/开发一个圈子系统软件所需要的费用体现在哪里?
将PHP源码打包成App的过程涉及多个步骤和技术选择。以圈子源码为例,首先明确需求,确定App功能和目标用户群体,并根据需求开发小程序页面,如用户注册、圈子列表等。源码准备阶段确保源码适用于小程序开发,环境配置需安装IDE(如微信开发者工具)及依赖库。最后在IDE中打包小程序并上传至管理平台,通过审核后发布。费用方面,模板开发成本较低,定制开发则更高,具体取决于需求复杂度和第三方服务费用。
74 0
|
2月前
|
开发框架 小程序 前端开发
圈子社交app前端+后端源码,uniapp社交兴趣圈子开发,框架php圈子小程序安装搭建
本文介绍了圈子社交APP的源码获取、分析与定制,PHP实现的圈子框架设计及代码编写,以及圈子小程序的安装搭建。涵盖环境配置、数据库设计、前后端开发与接口对接等内容,确保平台的安全性、性能和功能完整性。通过详细指导,帮助开发者快速搭建稳定可靠的圈子社交平台。
|
2月前
|
人工智能 小程序 API
【一步步开发AI运动小程序】十七、如何识别用户上传视频中的人体、运动、动作、姿态?
【云智AI运动识别小程序插件】提供人体、运动、姿态检测的AI能力,支持本地原生识别,无需后台服务,具有速度快、体验好、易集成等优点。本文介绍如何使用该插件实现用户上传视频的运动识别,包括视频解码抽帧和人体识别的实现方法。
|
2月前
|
人工智能 小程序 数据处理
uni-app开发AI康复锻炼小程序,帮助肢体受伤患者康复!
近期,多家康复机构咨询AI运动识别插件是否适用于肢力运动受限患者的康复锻炼。本文介绍该插件在康复锻炼中的应用场景,包括康复运动指导、运动记录、恢复程度记录及过程监测。插件集成了人体检测、姿态识别等功能,支持微信小程序平台,使用便捷,安全可靠,帮助康复治疗更加高效精准。
|
2月前
|
人工智能 小程序 UED
【一步步开发AI运动小程序】十六、AI运动识别中,如何判断人体站位?
【云智AI运动识别小程序插件】提供人体、运动及姿态检测的AI能力,本地引擎无需后台支持,具备快速、体验好、易集成等优势。本文介绍如何利用插件的`camera-view`功能,通过检测人体站位视角(前、后、左、右),确保运动时的最佳识别率和用户体验。代码示例展示了如何实现视角检查,确保用户正或背对摄像头,为后续运动检测打下基础。

热门文章

最新文章