首页 >Cocos引擎

如何用Cocos2d-JS制作一个微信报名宣传页 (三)

2014-10-23 16:08 编辑: suiling 分类:Cocos引擎 来源:CocoaChina

在前两讲中,我们学习了如何用Cocos2d-JS制作一个微信报名宣传页,本将主要讲解如何实现微信API的集成以及如何打包发布。

微信API的集成

本功能已经有大神提供了完整的库(地址),以下我们做一个简单的使用分析。

// 微信分享的数据
window.wxData = {
    "appId": "", // 服务号可以填写appId
    "imgUrl": "http://upyun.cocimg.com/cocoachina/cocos_logo.png",
    "link": "http://devcon.cocos.com/weixin/",
    "desc": "Cocos 2014 开发者大会(秋季)—Great or nothing",
    "title": "COCOS 2014 秋季开发者大会"
};

WeixinApi.ready(function (Api) {
    // 分享的回调
    var wxCallbacks = {
        ready: function () {
        },

        cancel: function (resp) {
        },
        fail: function (resp) {
        },
        confirm: function (resp) {
        },
        all: function (resp) {
        }
    };
    Api.shareToFriend(wxData, wxCallbacks);
    Api.shareToTimeline(wxData, wxCallbacks);
    Api.shareToWeibo(wxData, wxCallbacks);
});

appId就是服务号啦,有服务号的同志们可以直接填写上去。

imgUrl 就是分享出去的logo

link 分享后,别人点进来的链接

desc 分享后logo旁边的说明性文字

title 就是标题啦

如果有需要就可以对分享的回调进行监听了,针对分享过程中的每个状态,有需要的只需要在对应的函数回调里面进行编写对应代码就可以了。

混淆发布

如果使用cocos命令行,非常简单就可以进行打包发布了,在控制台输入命令:

cocos compile -p web -m release

程序会在当前的工程目录下,生成一个publish的文件夹,里面的html5文件就是我们的发布版本了,小伙伴们,赶紧也发布一个试试吧。

另外,如果需要更高得压缩比,只需要使用下面的指令:

cocos compile -p web -m release --advanced

添加--advanced标签会使用Closure Compiler混淆工具的高级压缩功能,将使JS代码所占的空间更加小,但是这个压缩模式有一定风险会导致错误,如果发现错误可以根据Google的官方文档来进行调试。

最后再次附上源码下载:

/cms/uploads/soft/141023/4196-141023163046.zip

最后附上微信效果地址:

QQ截图20141023160933.jpg

欢迎分享本文,并参与本文的学习与讨论。论坛地址:http://www.cocoachina.com/bbs/read.php?tid=235767

搜索CocoaChina微信公众号:CocoaChina
微信扫一扫
订阅每日移动开发及APP推广热点资讯
公众号:
CocoaChina
我要投稿   收藏文章
上一篇:如何用Cocos2d-JS制作一个微信报名宣传页(二)
下一篇:大会前瞻:Cocos Services将首次亮相 助力开发者进军海外市场
我来说两句
发表评论
您还没有登录!请登录注册
所有评论(0

综合评论

相关帖子

sina weixin mail 回到顶部