微信小游戏分享给好友或朋友圈

前言:本文主要针对如题所示的内容进行描述。如果想了解小游戏授权微信登录功能,欢迎查看微信小游戏接入微信登录一文。

提示:该文章写于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"
	});
}

好了,微信小游戏分享的功能基本实现了,希望对你有所帮助。

三、免费获取源码

我自己申请注册了一个微信公众平台账号,专门用来调研其规则与限制。下面这个二维码是自己写的一个小游戏,有登录、分享功能。对于初学者也可以私信我获取源码,免费发放,只求能够扫码体验一下(消息回复可能不及时,但肯定会回复的),这样我就可以进行之后的探索,并分享出来给大家。
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/HYNN12/article/details/109674244