微信小程序云开发中的云函数和云存储

一、微信小程序的云函数

1. 云函数文件的创建

• 创建文件夹 cloudfunction/

• 在项目根目录找到 project.config.json 文件，

  • 新增 cloudfunctionRoot 字段，指定本地已存在的目录作为云函数的本地根目录
  • "cloudfunctionRoot" : "./cloudfunction"

• 右键 选择环境

2. 云函数的创建和使用

• 右键创建一个云函数

• 编写云函数：

//1. 引入模块  帮助我们在云函数中操作数据库、存储以及调用其他云函数的微信提供的库
const cloud = require('wx-server-sdk')
//2. 实例化
cloud.init()

//3. 入口函数
// 参数1 : event 接收传过来data的参数
// 参数2 : 调用的信息和运行状态 (没有什么用)
exports.main = async (event, context) => {
  // 云环境 上下文
  // 最常用的 OPENID 和 APPID
  const wxContext = cloud.getWXContext() 
}

• 上传并部署到云端

  • 一定要保证上传云函数成功

• 调用云函数并传参

wx.cloud.callFunction({
	name : 'func',
	data : {
	  a : 10,
	  b :20
	}
})

• 初始化云环境 : wx.cloud.init()

// 添加环境
wx.cloud.init({
  env :'你的环境id'
})

• 本地调试
  • 右键本地调试
  • 安装本地包 : npm i

3. 云函数的场景

• 登录
• 操作数据库
• 微信支付等云调用

二、微信小程序的云存储

1. 上传图片

// 选择图片
wx.chooseImage({
  count: 1,
  sizeType: ['original', 'compressed'], // 原图和压缩图
  sourceType: ['album', 'camera'], // 相机 和 相册
  success: (res) => {
    console.log('图片', res)
    // 拿到图片上传
    wx.cloud.uploadFile({
      cloudPath: 'ttt.png',
      filePath: res.tempFilePaths[0],
      success: res1 => {
        console.log('上传之后的', res1)
        this.setData({
          fileID: res1.fileID
        })
      }
    })
  }
})