CocosCreator微信小游戏带参数分享

最新推荐文章于 2025-04-09 16:39:56 发布

iningwei

最新推荐文章于 2025-04-09 16:39:56 发布

阅读量2.9k

点赞数 4

分类专栏： CocosCreator

本文链接：https://blog.csdn.net/iningwei/article/details/89500472

版权

CocosCreator 专栏收录该内容

34 篇文章

订阅专栏

本文详细介绍了微信小游戏中被动分享和主动分享的实现方式。被动分享通过点击小程序右上角菜单进行，需调用wx.showShareMenu()并定义wx.onShareAppMessage事件；主动分享则由按钮触发，主要使用wx.shareAppMessage API。文章提供了CocosCreator中的具体代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

微信小游戏分享分为被动分享和主动分享。官方文档：https://developers.weixin.qq.com/minigame/dev/tutorial/open-ability/share/share.html

被动分享

被动分享为点击小程序右上角，在弹出的菜单栏中选择分享按钮进行分享。菜单栏要显示分享按钮，必须先开启分享wx.showShareMenu();,然后定义wx.onShareAppMessage事件，此事件需要 return 一个 Object，用于自定义转发内容。
Cocos中代码如下：

    private openWXShareMenu(): void {
        wx.showShareMenu();
        cc.loader.loadRes("texture/shareImg", function (error, data) {
            wx.onShareAppMessage(function (res) {
                return {
                    title: "不服来战啊",
                    imageUrl: data.url,
                    success(res) {
                        console.log("转发成功");
                    },
                    fail(res) {
                        console.log("转发失败");
                    }
                }
            });
        });
    }

主动分享

主动分享为通过其它按钮调用微信的分享功能。核心API为:wx.shareAppMessage
传参只需要设置上述API中的query参数。

CocosCreator中：

        if (cc.sys.isMobile && typeof (wx) !== "undefined") { //WX小游戏移动设备环境下            
            cc.loader.loadRes("texture/shareImg", function (error, data) {
                wx.shareAppMessage({
                    title: "嘿嘿，我做了一个关卡，不服来战！",
                    imageUrl: data.url,
                    query: "diy=" + jsonStr,
                    success(res) {
                        wx.showToast({
                            title: "分享成功"
                        });
                        console.log("分享成功" + res);
                    }
                fail(res) {
                        console.log("分享失败" + res);
                    }
                });
            });
        }

texture/shareImg为放在CocosCreator中resources目录下的图片文件。

取参数：
wx.getLaunchOptionsSync()可以获得小游戏启动相关参数。

        if (cc.sys.isMobile && typeof (wx) !== "undefined") { //WX小游戏移动设备环境下
            var launch = wx.getLaunchOptionsSync();
            var queryData = launch.query;
            var diyData = queryData.diy;
            if (diyData != null && diyData != "") {
                console.log("微信透传参数：" + diyData);
            }
            else {
                console.log("微信平台无透传参数");
            }
        }