白鹭引擎的微信分享接口

最新推荐文章于 2020-12-11 10:17:06 发布

wzyezqxl

最新推荐文章于 2020-12-11 10:17:06 发布

阅读量2.1k

点赞数 1

分类专栏：学习要点

本文链接：https://blog.csdn.net/wzyezqxl/article/details/52920175

版权

学习要点专栏收录该内容

48 篇文章 0 订阅

订阅专栏

在游戏开发中微信分享功能是必不可少的。在白鹭引擎中微信的分享接口跟cocos-js有一点出入。代码如下

//获取签名分享
  var url = "http://www.gamedo.net:8889/get_sign?game_url=" + encodeURIComponent(location.href).replace(/!/g, '%21').replace(/'/g, '%27').replace(/\(/g, '%28').replace(/\)/g, '%29').replace(/\*/g, '%2A').replace(/%20/g, '+');
    var urlloader = new egret.URLLoader();
        var req = new egret.URLRequest(url);
        urlloader.load(req);
        req.method = egret.URLRequestMethod.GET;
        urlloader.addEventListener(egret.Event.COMPLETE, (e)=> {
            var signPackage = <SignPackage>JSON.parse(e.target.data);
            var bodyConfig = new BodyConfig();
            bodyConfig.debug = true;
            bodyConfig.appId = 'wx8923c424f092e0af';
            bodyConfig.timestamp = signPackage.timestamp;
            bodyConfig.nonceStr = signPackage.nonceStr;
            bodyConfig.signature = signPackage.signature;
            bodyConfig.jsApiList =  [
                'checkJsApi',
                'onMenuShareTimeline',
                'onMenuShareAppMessage',
                'onMenuShareQQ',
                'onMenuShareWeibo'
            ]
            wx.config(bodyConfig);
            wx.ready(function(){
                shareConfig(title, desctr, link, imgUrl);
            })
        }, this);

其中url是需要访问的服务器地址，是在类中写的一个接口，里面定义了一下属性。如下

interface SignPackage {
    appId:string;
    nonceStr:string;
    timestamp:number;
    signature:string;
    url:string;
}

给获得的数据使用JSON.parse（）转成接口的数据类型。
通过白鹭引擎里面分装的new BodyConfig();，来设置签名和接口，给网络加载添加网络侦听，在侦听方法里面设置
公众号的唯一标识: appId

时间戳: timestamp

随机码: nonceStr

签名: signature
bodyConfig.jsApiList = [// 必填，需要使用的JS接口列表
// 所有要调用的 API 都要加到这个列表中
‘checkJsApi’,//判断当前客户端是否支持指定JS接口
‘chooseImage’//拍照或从手机相册中选图接口
];
例如在本例中需要使用分享到朋友圈，分享到QQ ，分享到微博等API所有在定义的时候这些API都存在于jsApiList 里面。
设置完基本信息之后然后通过wx.config()来注入权限验证配置。
然后通过ready接口处理成功验证。在ready接口里面调用全局的方法，来设置具体的接口的使用方法。具体的使用方法如下：

function shareConfig(title, desc, link, imgUrl) {
    var shareAppMessage  = new BodyMenuShareAppMessage();
    shareAppMessage.title = title;
    shareAppMessage.desc = desc;
    shareAppMessage.link = link;
    shareAppMessage.imgUrl = imgUrl;
    shareAppMessage.success = function(res){
        SceneControl.createLoaingShare();
    }
     shareAppMessage.fail = function(res){
        alert("fenxiangshibai")
    }
    wx.onMenuShareAppMessage(shareAppMessage);
    /**
     * 分享到QQ
     */
    var shareqq = new BodyMenuShareQQ();
    shareqq.title = title;
    shareqq.desc = desc;
    shareqq.link = link;
    shareqq.imgUrl = imgUrl;
    shareqq.success = function(res){
        SceneControl.createLoaingShare();
    }
      shareqq.fail = function(res){
        alert("fenxiangshibai")
    }
    wx.onMenuShareQQ(shareqq);
    /**
     * 分享到朋友圈
     */
    var sharet = new BodyMenuShareTimeline();
    sharet.title = title+desc;
    sharet.link = link;
    sharet.imgUrl = imgUrl;
    sharet.success = function(res){
        SceneControl.createLoaingShare();
    }
    sharet.fail = function(res){
       alert("fenxiangshibai")
    }
    wx.onMenuShareTimeline(sharet)
    /**
     * 分享到微博
     */
    var shareweibo = new BodyMenuShareWeibo();
    shareweibo.title = title+desc;
    shareweibo.link = link;
    shareweibo.imgUrl = imgUrl;
    shareweibo.success = function(res){
        SceneControl.createLoaingShare();
    }
     shareweibo.fail = function(res){
        alert("fenxiangshibai")
    }
    wx.onMenuShareWeibo(shareweibo)
}