CocosCreator使用微信云开发

一、后台配置

首先,编译微信小游戏项目:

CocosCreator使用微信云开发_第1张图片

配置好appId,然后进入微信小游戏后台管理界面:

CocosCreator使用微信云开发_第2张图片

创建云环境,这里的“环境ID”,在开发中需要用到。

二、项目配置

1.配置云路径

现在配置项目的云函数路径,在项目名目录下新建文件夹“build-templates”,也就是“项目名/build-templates”。

Cocos引擎会自动将buld-templates放到构建后的微信小游戏项目目录下,详细请查看:

自定义构建模版

CocosCreator使用微信云开发_第3张图片

把“project.config.json”放到目录下,文件内容:

CocosCreator使用微信云开发_第4张图片

{
  "setting": {
    "urlCheck": false
  },
  "cloudfunctionRoot": "./cloudfunction"
}

然后创建“cloudfunctions”文件夹,该文件夹下存放我们写的云函数。

2.编写云函数

在微信开发者工具中,我们会看到“cloundfunction”目录作为云函数目录的特殊标志

右键cloundfunction,会有以下列表:我们选择新建Node.js云函数,便可以创建云函数

CocosCreator使用微信云开发_第5张图片

云函数的编写逻辑请查看官方文档:

https://developers.weixin.qq.com/minigame/dev/wxcloud/basis/quickstart.html

三、云函数的初始化

static init(callback: Function) {
    if (wx != undefined && wx != null) {
        wx.cloud.init({
            env: "您的cloundID"
        });
        this.db = wx.cloud.database();

        console.log("db", this.db);
        this.callServer("init", null, (res: any) => {
            console.log("init------", res);
            this.appid = res.result.appid;
            this.openid = res.result.openid;
            // this.addData({
            //     isFakeData: false
            // }, callback);
            callback();
        });
    } else {
        callback();
    }
}

我们需要再项目一开始的时候,就初始化好云环境,然后再初始化成功的回调中,进行下一步处理。

四、云函数的查看和编辑

在微信开发者工具中,如果我们拥有云开发的权限之后,图中的“云开发”按钮是点亮了的,我们可以点击,进入“云开发控制台”

CocosCreator使用微信云开发_第6张图片

进入“云开发控制台后”:

CocosCreator使用微信云开发_第7张图片

我们可以编辑数据库、云函数、资源的存储等(不再细说了)。

你可能感兴趣的:(微信小程序(小游戏),CocosCreator,CocosCreator,云开发,微信,小游戏)