引言
有个人小游戏上线经验的小伙伴们，都或多或少有过这样子的遭遇，游戏上线之后没有人玩，这是很正常的一种现象，因为单单靠搜索这一个自然流量的话，很难在众多游戏产品中脱颖而出，因此打开我们游戏的每一个玩家都是有缘人。我们希望这个有缘人能够帮我们推广一下，那么我们就要接入分享功能。
为什么小游戏需要接入分享功能
在现代社交网络的时代，分享已经成为人们交流和表达的一种重要方式。小游戏作为一种娱乐形式，也开始逐渐意识到分享功能的重要性。接入分享功能有以下几个方面的好处。
首先，分享功能可以帮助小游戏扩大用户群体。当玩家喜欢某个小游戏时，他们通常会愿意将这个好玩的游戏分享给朋友和亲人。通过分享功能，玩家可以轻松地将游戏链接或截图发送给其他人，从而吸引更多的用户来体验游戏。这种口碑传播可以帮助小游戏扩大知名度，吸引更多的玩家。
其次，分享功能可以提升小游戏的社交互动性。现在的许多小游戏都有多人合作或对战的玩法，而分享功能可以让玩家方便地邀请朋友来一起玩游戏。通过分享功能，玩家可以发送游戏邀请或挑战给其他玩家，增加游戏的社交互动性。这种社交互动可以让游戏更加有趣，也能够帮助玩家建立更多的游戏社交关系。
第三，分享功能可以增加小游戏的用户留存率。当玩家在游戏中取得好成绩或解锁某个新关卡时，他们通常会希望与朋友分享自己的成就。通过分享功能，玩家可以将自己的游戏进度或成就分享到社交媒体上，让其他人看到并与他们互动。这种分享可以激发其他玩家的兴趣，促使他们继续玩游戏，提高用户的留存率。
综上所述，接入分享功能对小游戏来说具有重要意义。分享功能可以帮助小游戏扩大用户群体，提升游戏的社交互动性，同时也能够增加用户的留存率。因此，在开发小游戏时，我们应该重视分享功能的设计与实现，以增强游戏的用户体验和社交性。
小游戏分享API解析
1.wx.showShareMenu(Object object)
它的功能主要是设置用户点击右上角菜单时,弹出页面中"转发给朋友"和"分享给朋友圈"的功能。
-
代码示例：
wx.showShareMenu({ withShareTicket: true, menus: ['shareAppMessage', 'shareTimeline'] }) 其中"shareAppMessage"表示“发送给朋友”按钮，"shareTimeline"表示“分享到朋友圈”按钮
注意事项：显示“分享到朋友圈”按钮时必须同时显示“发送给朋友”按钮，显示“发送给朋友”按钮时则允许不显示“分享到朋友圈”按钮
图示如下：
2.wx.onShareAppMessage(function listener)
它的主要功能是监听用户点击右上角菜单的「转发」按钮时触发的事件。
通过这个接口我们可以修改通过右上角菜单分享时分享卡片的标题和图片。
-
代码示例：
wx.onShareAppMessage(() => { return { title: '转发标题', imageUrl: '' // 图片 URL } }) 我们也可以不使用该API，那么分享时的标题默认是游戏名字，图片则是当前游戏界面截屏。
图示如下:
3.wx.shareAppMessage(Object object)
它的功能主要是主动弹出选择好友或者群聊界面，然后直接分享。
-
代码示例：
wx.shareAppMessage({ title: '分享标题', imageUrl: '分享图片URL', query: '分享参数' }); 和前面的一样可以修改分享的标题、图片、还有分享的参数，可以通过这个参数去判断分享的来源。
4.wx.shareMessageToFriend(Object object)
- 它的主要功能是给指定的好友分享游戏信息，该接口只可在开放数据域下使用。接收者打开之后，可以用
wx.modifyFriendInteractiveStorage传入参数 quiet=true 发起一次无需弹框确认的好友互动。 - 这个接口的好处就是能够在被分享的客户端可以获取到分享者的传入的信息。相对于前面的分享接口，能够知道分享是否成功。
Egret小游戏接入分享
1.首先在启动游戏的时候注册分享事件。
registerEvent(): void {
//转发
wx.showShareMenu({
withShareTicket: true,
menus: ["shareAppMessage", "shareTimeline"]
});
wx.onShareAppMessage(() => {
this.onShareAppMessageCall && this.onShareAppMessageCall();
var data = {
title: SdkManager.instance.getRandShareTips(),//分享的标题
// imageUrlId: WxSdkConfigure.imageUrlId, //通过MP系统审核的图片编号
// imageUrl: WxSdkConfigure.imageUrl, //通过MP系统审核的图片地址
query: ""
};
return data;
});
//分享朋友圈
wx.onShareTimeline(() => {
return {
// title: WxSdkConfigure.shareTimelineTitle,
// imagePreviewUrlId: WxSdkConfigure.imagePreviewUrlId,
// imagePreviewUrl: WxSdkConfigure.imagePreviewUrl,
query: this.getQuery()
}
});
}
2.由于现在分享的接口不会返回分享是否成功和失败，我们做了个处理：用户打开分享界面3秒后返回到游戏则判断分享成功。
wx.onShow(() => {
console.log("wx.onShow");
if (this.shareTick > 0 && this.shareCallback) {
if (Date.now() - this.shareTick >= 3000) {
// console.log("share success");
this.shareCallback();
// App.ViewManager.open(ViewConst.Tips, "分享成功");
}
else {
// console.log("share fail");
// App.ViewManager.open(ViewConst.Tips, "分享失败,不能获得奖励");
}
this.shareTick = 0;
this.shareCallback = null;
}
});
3.主动拉起分享。
shareAppMessage(title: string = "", imageUrlId: string = "", imageUrl: string = "", query: any = null, shareCallback: any = null): void {
this.shareTick = Date.now();
this.shareCallback = shareCallback;
title = title;
imageUrlId = imageUrlId;
imageUrl = imageUrl;
var data = {
title: title,
imageUrlId: imageUrlId,
imageUrl: imageUrl,
query: ""
};
wx.shareAppMessage(data);
this.onShareAppMessageCall && this.onShareAppMessageCall();
}
4.开放域直接分享。
private share(index) {
if (this.curList[index]) {
wx.shareMessageToFriend({
openId: this.curList[index].openid, // 这里填写好友的openid
title: this.tips2[index],
// imageUrl: ''
})
}
}
总结
本文的重点内容主要有以下几点，不知道小伙伴们是否已经理解：
- 小游戏接入分享的重要意义。
- 小游戏接入分享的常用API。
- Egret小游戏接入分享示例代码。
本系列是《从零开始开发贪吃蛇小游戏到上线系列》，欢迎大家订阅。游戏已经上线大家可以搜索小游戏《贪吃蛇掌机经典》进行体验。
此外笔者还有2款已经上线的小游戏《填色之旅》《重力迷宫球》大家也可以自行搜索体验。
感兴趣的小伙伴记得关注"亿元程序员"哦，学习小游戏开发不迷路。欢迎大家一起交流。
喜欢的可以点个赞同、点个在看哦！谢谢大家。
