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


一、创建云开发项目

创建项目时 “后端服务” 选择【微信云开发】–> 点击“确定”
在这里插入图片描述


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

1.创建自己的云环境

首先点击左上角【云开发】进入“云开发控制台”创建自己的云开发环境
在这里插入图片描述

也可以在自己的 微信公众平台后台如图所示创建自己的云环境
在这里插入图片描述
付费环境配额:
在这里插入图片描述

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

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

使用云开发小程序项目相比于其他小程序多了“cloudfunctions”文件夹,该文件夹用于存放自己的云函数。
右键cloudfunctions文件夹–>新建Node.js云函数–>输入函数名称–>回车,云函数自动创建好了
在这里插入图片描述
一个云函数在创建好时包含index.js、config.json、package.json三个文件,我们主要在index.js文件中编写自己的函数代码
在这里插入图片描述
要编写云函数就需要对我们的云函数安装npm依赖,对右键云函数文件test–>点击“在外部终端窗口打开”
输入如下指令npm install --save ,回车
在这里插入图片描述
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
    }),
  }
});

控制台打印结果如下:
在这里插入图片描述
可以看到控制台已经将结果3打印出来了

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

  • 1
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值