微信小程序云开发- 初始化项目并创建云函数

初始化项目

• 使用开发工具的使用云开发，创建默认程序，小程序开发工具会创建很多自带的内容

  
  image.png

• 不是用小程序开发，创建应用，自己配置云开发内容。

  
  image.png

配置云开发到项目中

• 在project.config.json中增加

"cloudfunctionRoot": "cloudfunctions/", // 这个值是云函数文件夹的名称

image.png

• app.js中配置云环境env ，环境ID到云开发中设置里面找。

App({
  onLaunch: function () {
    
    if (!wx.cloud) {
      console.error('请使用 2.2.3 或以上的基础库以使用云能力')
    } else {
      wx.cloud.init({
        //   env 参数决定接下来小程序发起的云开发调用
        //（wx.cloud.xxx）会默认请求到哪个云环境的资源
        //   此处请填入环境 ID, 环境 ID 可打开云控制台查看
        //   如不填则使用默认环境（第一个创建的环境）
        env:"test2020-owyyn",
      })
    }
  }
})

• 在根目录下创建cloudfunctions文件夹（名字可以自定义），创建完成在开发者工具上右击这个文件夹 “选择当前环境”（当前环境需要提前在云开发中取创建）
  image.png

创建云函数

• 在cloudfunctions文件夹上右击，选择 "新建node云函数" ，输入名称后会自动创建目录并上传（例如我创建的是一个 add文件夹）
• 在add文件夹下的index.js中定义自己的函数

// 云函数入口文件
const cloud = require('wx-server-sdk')

cloud.init()

// 云函数入口函数
exports.main = async (event, context) => {
  let a = event.a;
  let b = event.b;
  let c = a + b;
  return c;
}

• 在add文件夹上右击选择 “ 上传并部署：云端安装依赖（不上传node-modules）”，等待上传成功才能生效，只要是云函数修改都必须要重新上传才能生效
  image.png

使用云函数

• 例如在 pages/index/index.js定义一个函数使用云函数

const app = getApp()

Page({
  // 第一个云函数
  addNums() {
    // 调用云函数
    wx.cloud.callFunction({
      name:'add',
      data:{
        a:1,
        b:2,
      },
      success:res => {
        console.log('成功', res)
      },
      fail:res => {
         console.log('失败',res)
      }
    })
  },
})

• 编译运行
  pages/index/index.wxml中内容

<!--index.wxml-->
<view class="container">
  <!-- 云函数获取加法-->
  <button bindtap="addNums" type="primary"> 云函数加法 </button>
</view>

image.png