egret接4399平台

推荐阅读：

•  我的CSDN
•  我的博客园
•  QQ群：704621321

      对于小游戏来说，一般我们能想到的就是微信小游戏，在微信小游戏出来之前，数4399小游戏独大。今天就来和大家分享一下egret接4399平台的流程吧。
      首先我们需要加入4399相关的库文件，由于4399使用js，egret项目使用ts,因此需要使用ts，调用js，在这里我把方法封装在库文件夹中，大家可以在左侧加群下载。
      下载完成后将文件中得PlatHelper放入egret项目里即可。这时我们可以发现该文件包含PlateHelper.ts，PlateHelper.js这两个文件。接下来在egert项目中调用4399的广告，排行榜，分享之类的功能，只需要调用PlateHelper.方法，就可以了。下面主要介绍分享，排行榜，广告的实现，其他功能同理，调用4399API时，可以查看4399平台上对应的API介绍：4399API

一。分享

PlateHelper.share();

二。排行榜

1.自定义item皮肤

代码如下：

class myGlobalRankItem extends eui.Component implements eui.UIComponent {

    // public bg: eui.Image;
    public orderIcon: eui.Image;
    public head: eui.Image;
    public niceName: eui.Label;
    public order: eui.Label;
    public score: eui.Label;

    public constructor() {
        super();
    }

    protected partAdded(partName: string, instance: any): void {
        super.partAdded(partName, instance);
    }

    protected childrenCreated(): void {
        super.childrenCreated();
    }
    /// 初始化ui(老版)
    public init2(order: number, score: number) {
        this.argOrder = order;
        this.argScore = score;
    }

    // /// 初始化ui(新版本)
    // public init(order: number, head: string, name: string, score: number) {

    //     this.order.text = ""+order;
    //     this.niceName.text = name;
    //     this.score.text = ""+score;
    //     this.orderIcon.visible = order < 4;
    //     this.order.visible = order > 3;

    //     if(order <= 3){
    //         this.orderIcon.source = RES.getRes("order"+order+"_png");
    //     }

    //     RES.getResByUrl(head, function(event){
    //         this.head.source = <egret.Texture>event;
    //     }, this, RES.ResourceItem.TYPE_IMAGE);
    // }
}

2.自定义排行榜皮肤
使用scroll+View管理排行榜中每个item的滑动。

目前排行榜还是旧版的，只能显示排名和得分。

class rankPanel extends eui.Component implements eui.UIComponent {
    public groupBtn: eui.Button;
    public inviteBtn: eui.Button;
    public shareBtn: eui.Button;
    /**关闭按钮 */
    public returnBtn: eui.Button;
    public globalScr: eui.Scroller;
    public globalView: eui.Group;


    public constructor() {
        super();
    }

    protected partAdded(partName: string, instance: any): void {
        super.partAdded(partName, instance);
    }

    protected childrenCreated(): void {
        super.childrenCreated();
    }
    /// 更新排行榜(老版)
    public updateGlobalRank() {
        var self = this;

        try {
            PlateHelper.getRank(function (data) {
                console.log("ftest2 getRank", data)
                if (data.code == 10000) {
                    self.globalView.removeChildren();
                    for (var i = 0; i < Math.min(data.data.length, 30); i++) {
                        var vl = data.data[i]
                        var item = new myGlobalRankItem();
                        item.init2(vl.rank, vl.score);
                        // item.init(vl.rank,vl.head,vl.name, vl.score);
                        item.y = 150 * i;
                        self.globalView.addChild(item);
                    }
                }
            });
        } catch (e) { console.error(e); }
    };
    // /// 更新排行榜
    // public updateGlobalRank(){
    //     var self = this;

    //     try{
    //         console.log("ftest2 updateGlobalRank 1")
    //         PlateHelper.getNearRanking(function(data){
    //             console.log("ftest2 updateGlobalRank 2", data)
    //             if(data.code == 10000){
    //                 self.globalView.removeChildren();
    //                 for(var i=0; i<data.data.list.length; i++){
    //                     var vl = data.data.list[i]
    //                     var item = new myGlobalRankItem();
    //                     item.init(vl.rank, PlateHelper.getUserAvatar(vl.uId), vl.userName, vl.score);
    //                     self.globalView.addChild(item);
    //                 }
    //             }
    //         }, 20);
    //     }catch(e){ console.error(e); }
    // };
}

      使用try Cath捕捉异常。使用PlateHelper.getRank调用排行榜接口。10000代表获取成功，10001为获取失败。假设列表最多显示30个item，依次遍历获得的排行榜数据。
3.玩家提交分数

    /// 提交分数(不全的老版)
    public plateSubmitScore(score, call) {
        PlateHelper.submitScore(score, function (data) {
            if (call) { call(data); }
        })
    };
    
    // /// 提交分数(不稳定的新版)
    // public plateSubmitScore(score, call){
    //     if(PlateHelper.isLogin()){
    //         // 提交分数
    //         try{
    //             PlateHelper.submitRanking(score, function(data){
    //                 if(call){ call(data); }
    //             });
    //         }catch(e){ console.error(e); }
    //     }else{
    //         egret.localStorage.setItem("bSubmitScore", "1");
    //         PlateHelper.login(function(data){});
    //     }
    // };

三。广告

      if (PlateHelper.canPlayAd()) 是否可以播放；可以播放广告时播放广告：PlateHelper.playAd(function (data) 。10000： 开始播放；10001：播放结束。

if (PlateHelper.canPlayAd()) 
{
    //能播放广告
         PlateHelper.playAd(function (data) 
         {
                if(obj.code === 10000)
                {
                    console.log('开始播放')
                 } 
                 else if(obj.code === 10001)
                 {
                    console.log('播放结束')
                 } 
                 else 
                 {
                    console.log('广告异常')
                 }
             }
           });
 } 
 else 
 {
        //不能播放广告
 }

      需要注意的是，看广告获得奖励，会存在奖励显示不及时，原因是：播放广告时， egret的心跳停止，广告结束不会自动恢复心跳，需要点击一下才能激活。解决办法：注释掉main..ts中的下列代码：

        egret.lifecycle.onPause = () => {
            egret.ticker.pause();
        }

        egret.lifecycle.onResume = () => {
            egret.ticker.resume();
        }

      其他功能调用同上。现在可以打H5包了。修改版本号（在这里我修改为1.0.0），在路径lianlian4399\bin-release\web\1.0.0下，用文件中的index.html替换项目中的index.html。然后