前言:本文主要针对如题所示的内容进行描述。如果想了解小游戏授权微信登录功能,欢迎查看微信小游戏接入微信登录一文。
提示:该文章写于2019年,很多接口已经被弃用(不再同步接口文档)。自2021年4月28日24时起,小程序登录、用户信息相关接口做了调整。比如getUserInfo方法改成了getUserProfile。点击此处查看小程序公告
一、简介
微信小游戏分享功能可以通过两种方式实现:
1、被动分享:如下图所示,点击“右上角的小点点”调起分享接口,这种被称做被动分享。
我们可以看到,2号图所示的“发送给朋友”和“分享到朋友圈”都是亮起可点击状态,这个也可以关闭,下文代码中有讲述。
2、主动分享:如图,游戏内点击自己创建的”分享“调起分享接口,这种被称做主动分享。
小提示:要测试分享功能的话,只能在真机上运行才能看出效果。开发工具目前只能进行简单的模拟效果。
了解了上面两个概念,我们开始代码实现。
二、代码实现
1、被动分享:我们把此功能写在 passiveShare() 函数内,在 onLoad() 或 init() 时就调用。
passiveShare ()
{
// @ts-ignore
wx.showShareMenu({
withShareTicket: true,
// shareAppMessage(可以删除):显示分享给好友选项,shareTimeline(可以删除):显示分享至朋友圈选项
// 可以只开启前者。如果要开启后者,则两者必须都开启才能生效。
menus: ['shareAppMessage', 'shareTimeline']
});
// 函数参数写回调函数,再修改属性即可,属性有很多,这里主要写两个常用的,可以参考官方开发文档。
// @ts-ignore
wx.onShareAppMessage( () => {
return {
// 标题,不传则默认使用小游戏的名称
title: "邀您一起来嗨!",
// 转发链接所显示的图片,比例5:4,资源可以是本地或远程。不传则默认使用游戏截图。
imageUrl: "shareImage.png"
}
});
}
2、主动分享:我们把此功能写在 autoShare() 函数内,点击“分享”按钮时再调用:
autoShare ()
{
// @ts-ignore
wx.shareAppMessage({
title: "邀您一起来嗨!",
imageUrl: "shareImage.png"
});
}
好了,微信小游戏分享的功能基本实现了,希望对你有所帮助。
三、免费获取源码
我自己申请注册了一个微信公众平台账号,专门用来调研其规则与限制。下面这个二维码是自己写的一个小游戏,有登录、分享功能。对于初学者也可以私信我获取源码,免费发放,只求能够扫码体验一下(消息回复可能不及时,但肯定会回复的),这样我就可以进行之后的探索,并分享出来给大家。