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

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

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

云函数-数据更新

1.先创建一个云函数Update

2.编写Update中的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')
    .doc(event.id)
    .update({
      data: {
        price: event.price
      }
    })
}

3.替换原来的更新功能的代码

如下

//调用云函数
      wx.cloud.callFunction({
        name: 'Update',
        data:{   //将以下数据传入云函数
          id: id,
          price:parseInt(price)
        }
      }).then(res => {
        console.log('云函数调用成功', res)
        this.getDetail()
      }).catch(res => {
        console.log('云函数调用失败', res)
      })

云函数-数据删除

1.先创建一个云函数remove1

2.编写remove1中的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')
  .doc(event.id)
  .remove()
}

3.替换原来的删除功能的代码

如下

//调用云函数进行数据删除
          wx.cloud.callFunction({
              name: 'remove1',
              data: { 
                id: id
              }
          })

运用云函数做四则运算

1.先创建一个云函数Commit

2.编写云函数的代码(减号可以修改成其他符号)

// 云函数入口文件
const cloud = require('wx-server-sdk')
cloud.init({
  env: cloud.DYNAMIC_CURRENT_ENV 
})
// 云函数入口函数
exports.main = async (event, context) => {
  return event.a - event.b
}

3.在yunhanshu里面进行调用

// pages/yunhanshu/yunhanshu.js
Page({
  onLoad() {
    //云函数调用
    wx.cloud.callFunction({
        name: 'Commit' ,//云函数名
        data: {  //传值到云函数
          a: 2,
          b: 3
        }
      })
      .then(res => {
        console.log('成功', res)
        console.log(typeof res.result)  //显示res值的类型
      })
      .catch(res => {
        console.log('失败', res)
      })
  }

数据的导入与导出

(1)导出(做备份),如下图

(2)导入(创建大量的数据),如下图

注意事项

云函数有修改,需要部署之后,才会生效(右键选择 上传并部署)

云函数如果有两个开发环境可能会出现云环境未初始化的问题

解决方法1:配置自己的云开发环境id,将云函数中的cloud.init()改成

cloud.init({
  env: '云开发环境id' //这里需要添加自己的云开发环境id
})

但这种方法要因为开发环境的不同,要进行不断的修改,建立使用第二种方法。

解决方法2:使用官方定义的常量DYNAMIC_CURRENT_ENV(标志当前所在环境),将云函数中的cloud.init()改成

cloud.init({
  env: cloud.DYNAMIC_CURRENT_ENV 
})

云开发(微信-小程序)笔记(七)----云存储,你来了(上)

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

目录
相关文章
|
9天前
|
小程序 JavaScript
Taro@3.x+Vue@3.x+TS开发微信小程序,使用轮播图
本文介绍了使用 Taro 和 Vue 创建轮播组件的两种方法:一是通过 `<swiper>` 实现,二是利用 Nut UI 的 `<nut-swiper>` 组件实现。
Taro@3.x+Vue@3.x+TS开发微信小程序,使用轮播图
|
9天前
|
小程序
Taro@3.x+Vue@3.x+TS开发微信小程序,设置转发分享
本文介绍了Taro中`useShareAppMessage`的使用方法,需在页面配置`enableShareAppMessage: true`并重新编译。
Taro@3.x+Vue@3.x+TS开发微信小程序,设置转发分享
|
9天前
|
小程序 数据安全/隐私保护
Taro@3.x+Vue@3.x+TS开发微信小程序,网络请求封装
在 `src/http` 目录下创建 `request.ts` 文件,并配置 Taro 的网络请求方法 `Taro.request`,支持多种 HTTP 方法并处理数据加密。
Taro@3.x+Vue@3.x+TS开发微信小程序,网络请求封装
|
9天前
|
小程序
Taro@3.x+Vue@3.x+TS开发微信小程序,上传文件
本文介绍如何在Taro项目中使用Nut UI的`<nut-uploader/>`组件实现图片上传功能,并通过示例代码展示了自定义上传逻辑的方法。
Taro@3.x+Vue@3.x+TS开发微信小程序,上传文件
|
9天前
|
小程序
Taro@3.x+Vue@3.x+TS开发微信小程序,根据系统主题展示不同样式(darkMode)
本文介绍如何在Taro项目中配置深色模式。通过在`src/app.config.ts`设置`darkmode`选项和在`theme.json`中定义主题变量,可以实现跟随系统主题的界面风格切换。
Taro@3.x+Vue@3.x+TS开发微信小程序,根据系统主题展示不同样式(darkMode)
|
9天前
|
小程序 开发者
Taro@3.x+Vue@3.x+TS开发微信小程序,使用自定义tabBar
本文介绍了如何在Taro项目中实现自定义tabBar。首先,在`app.config.ts`中设置`custom: true`并配置`tabBar`。
Taro@3.x+Vue@3.x+TS开发微信小程序,使用自定义tabBar
|
11天前
|
移动开发 小程序 前端开发
|
11天前
|
存储 运维 小程序
后端开发零负担!揭秘支付宝小程序云开发的高效与安全,你的项目也能飞速上线?
【8月更文挑战第27天】支付宝小程序云开发是由阿里云提供的集成开发环境,助力开发者高效、安全地构建小程序后端服务,免去服务器搭建,显著提高开发效率并降低运维成本。它集成了云函数、云数据库及云存储等功能,便于快速搭建后端逻辑。例如,仅需简单几行代码即可创建HTTP接口或进行数据管理。这使得开发者能更专注于业务逻辑和用户体验优化,同时平台还提供了强大的安全保障措施,确保数据安全和用户隐私。无论对于初创团队还是成熟企业,支付宝小程序云开发都能有效提升产品迭代速度和市场竞争力。
35 1
|
14天前
|
存储 小程序 数据可视化
小程序开发问题之使用小程序云服务开发个人相册小程序如何解决
小程序开发问题之使用小程序云服务开发个人相册小程序如何解决
|
15天前
|
小程序 JavaScript 前端开发
微信小程序开发时数据是否是双向数据绑定的
微信小程序开发时数据是否是双向数据绑定的
下一篇
DDNS