接入微信小游戏的子域

微信小游戏为了保护其社交关系链数据，增加了子域的概念，子域又叫 开放数据域，是一个单独的游戏执行环境。子域中的资源、引擎、程序，都和主游戏完全隔离，开发者只有在子域中才能访问微信提供的 wx.getFriendCloudStorage() 和 wx.getGroupCloudStorage() 两个 API，用于实现一些例如排行榜的功能。由于子域只能在离屏画布 sharedCanvas 上渲染，因此需要我们把 sharedCanvas 绘制到主域上。

Cocos Creator 从 v1.9.1 版本开始支持打包到子域，下面介绍使用流程。

准备工作

由于开放数据域是一个封闭、独立的 JavaScript 作用域，所以开发者需要创建两个项目：

主域项目工程（正常的游戏项目）
子域项目工程（通过微信 API 获取用户数据来做排行榜等功能的项目）

整合方法

创建子域项目通过相关的 API 获取用户数据，根据自身需求制作 ui 的展示。
主域中通过获取全局对象 sharedCanvas（子域的 Canvas），进行创建 Texture2D，然后再通过 Texture2D 创建 SpriteFrame，从而把 SpriteFrame 赋值到主域所需要显示到的 Sprite 上，如果子域有操作性功能（例如：滑动、拖拽等之类的操作），那么主域就需要在 update 中实时获取 sharedCanvas 来刷新 Sprite。

主域代码范例：

    cc.Class({
        extends: cc.Component,
        properties: {
            display: cc.Sprite
        },
        start () {
            this.tex = new cc.Texture2D();
        },
        // 刷新子域的纹理
        _updateSubDomainCanvas () {
            if (!this.tex) {
                return;
            }
            this.tex.initWithElement(sharedCanvas);
            this.tex.handleLoadedTexture();
            this.display.spriteFrame = new cc.SpriteFrame(this.tex);
        },
        update () {
            this._updateSubDomainCanvas();
        }
    });