【微信小程序】云开发(Cloud Base)环境配置以及编写第一个云函数

文章目录

  • 一、创建云开发项目
  • 二、“我的第一个云函数”
    • 1.创建自己的云环境
    • 2.创建云函数&安装依赖
    • 3.编写云函数


一、创建云开发项目

创建项目时 “后端服务” 选择【微信云开发】–> 点击“确定”
【微信小程序】云开发(Cloud Base)环境配置以及编写第一个云函数_第1张图片


二、“我的第一个云函数”

1.创建自己的云环境

首先点击左上角【云开发】进入“云开发控制台”创建自己的云开发环境
【微信小程序】云开发(Cloud Base)环境配置以及编写第一个云函数_第2张图片

也可以在自己的 微信公众平台后台如图所示创建自己的云环境
【微信小程序】云开发(Cloud Base)环境配置以及编写第一个云函数_第3张图片
付费环境配额:
【微信小程序】云开发(Cloud Base)环境配置以及编写第一个云函数_第4张图片

注:
1、一位开发者只能创建两个免费云环境,建议一个作为正式环境,一个作为测试环境
(以下两条为官方文档注)
2、仅支持将已有环境的配置复制到一个全新的不带免费额度的按量付费环境中
3、复制范围包括:云函数代码及配置、云函数权限;数据库集合、数据权限、索引;存储权限、存储配置

2.创建云函数&安装依赖

使用云开发小程序项目相比于其他小程序多了“cloudfunctions”文件夹,该文件夹用于存放自己的云函数。
右键cloudfunctions文件夹–>新建Node.js云函数–>输入函数名称–>回车,云函数自动创建好了
【微信小程序】云开发(Cloud Base)环境配置以及编写第一个云函数_第5张图片
一个云函数在创建好时包含index.js、config.json、package.json三个文件,我们主要在index.js文件中编写自己的函数代码
【微信小程序】云开发(Cloud Base)环境配置以及编写第一个云函数_第6张图片
要编写云函数就需要对我们的云函数安装npm依赖,对右键云函数文件test–>点击“在外部终端窗口打开”
输入如下指令npm install --save ,回车
【微信小程序】云开发(Cloud Base)环境配置以及编写第一个云函数_第7张图片
npm安装完成后,如果云函数文件夹中出现“node_modules”文件夹则说明npm依赖安装成功

注:
在以前,npm安装完成后还需要安装wx-server-sdk以及request依赖,不过现在通过查看node_modules文件夹后发现该已经包含了wx-server-sdk、request、request-promise、request-promise-core等模块,所以现在只用安装npm模块
== 以下是安装wx-server-sdk和request依赖的指令,同样是在刚才的终端界面操作:==
npm install --save wx-server-sdk@latest
npm install --save request

3.编写云函数

test云函数文件夹–>index.js编写云函数,编写完成后右键上传云函数

const cloud = require('wx-server-sdk')

cloud.init({
    env: '此处填入自己的云环境ID'
})

// 云函数入口函数
exports.main = async (event, context) => {
	//返回两数相加的和
    return{
        sum: event.a + event.b
    }
}

在前端app.js文件中来调用它,例如写在onLaunch函数,在小程序初始化时就调用,前端使用call形式调用云函数。
name指需要调用的云函数的名字,data为需要传入云函数的参数,云函数由event接收参数

// app.js
App({
  onLaunch: function () {
    wx.cloud.callFunction({
      name:'test',
      data:{
        a:1,
        b:2,
      },
      success:(res)=>{
        console.log(res.result);
      },
      fail:console.err
    }),
  }
});

控制台打印结果如下:
【微信小程序】云开发(Cloud Base)环境配置以及编写第一个云函数_第8张图片
可以看到控制台已经将结果3打印出来了

总结:创建选择云开发–>配置云环境–>创建云函数文件–>安装依赖–>编写云函数–>上传云函数–>前端调用

你可能感兴趣的:(小程序,基础,微信小程序,小程序,node.js)