# 微信小游戏排行榜

**Repository Path**: leaganpt_admin/WXRankList

## Basic Information

- **Project Name**: 微信小游戏排行榜
- **Description**: 基于H5 Canvas开发的渲染引擎，可用于制作子域排行榜等功能，压缩混淆后包体非常小
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2020-03-06
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 微信小游戏排行榜

#### 项目介绍
原生H5 Canvas开发的渲染引擎，可用于制作子域排行榜等功能，压缩混淆后包体非常小

### 使用说明  
#### 1.排行榜
##### ①在主域中添加带有WXSubContextView组件的节点，2.0以前的版本没有改组件，请自行实现
##### ②节点的大小设置成需要刷新子域的大小
##### ③通知子域生成OpenId
    wx.getOpenDataContext().postMessage({
        action: "setSelfOpenId",
        value: "oSfPl5f6IZSOSxF6k15yz8nD0CAo"
    })
*注：若使用了SDK登陆，此步骤可省略*
##### ④通知子域生成RankScene  
	wx.getOpenDataContext().postMessage({  
		event: "RankScene",  
		value: {
		   rankKey: "levelRank", //排行榜的类型
		   rankType: 0, // 0:好友 1::群
		   selfHeight: 142,
		   shareTicket: null}  
	})

##### ⑤自行修改RankScene.ts中的RankItem类，RankData类进行界面的修改以及数据结构的修改

#### 2.游戏内将要超越的玩家
##### ①同上
##### ②同上
##### ③同上
##### ④通知子域生成GameScene
    wx.getOpenDataContext().postMessage({
        event: "GameScene",
        value: {
            rankKey: "levelRank", //排行榜的类型
        }            
    })	
##### ⑤当成绩有更新时  
    wx.getOpenDataContext().postMessage({
        event: "updateScore",
        value: this._score
    })
##### ⑥自行修改GameScene.ts进行界面的修改

#### 3.子域场景销毁
##### WXSubContextView组件销毁时，建议如下代码可提高性能  
    wx.getOpenDataContext().postMessage({
        event: "DestroyScene"        
    })    

#### 4.调试编译
##### ①根目录下执行gulp debug会在sub目录下生成编译后的js，没有混淆
##### ②根目录下执行gulp release会在sub目录下生成编译后的js，并压缩混淆
##### ③复制sub目录上小游戏的根目录中

*注：若gulp执行中提示某项模块不存在，根目录下执行`npm install`*

#### 5.子域的结构图如下
![](/README.png)  

#### 参与贡献
开发者：__阿剑__  
QQ:__627413607__