微信小游戏转发菜鸟|Egret微信小游戏转发、分享等功能实现

原标题：菜鸟|Egret微信小游戏转发、分享等功能实现写在前面：随着越来越多的新人开始接触白鹭引擎，创作属于自己的游戏。考虑到初学者会遇到一些实际操作问题，我们近期整理推出“菜鸟”系列技术文档，以便更好的让这些开发者们快速上手，Egret大神们可以自动忽略此类内容。今天我们分享的菜鸟教程文档将介绍开发微信小游戏四种常用功能的实现方法，期望能和开发者朋友们交流，非常欢迎大家给我们留言反馈。这四种功能分别是：获取头像功能微信转发功能微信分享功能游戏圈在EgretWing和微信开发者工具里的配置为实现以上四个功能，我们需要分别在EgretWing(图1,图2)和微信开发者工具(图3)里配置。图1图2图3需要在Platform.ts里调用platform.js接口。在Main.ts通过Platform.ts调用执行函数。在platform.js写相对应的逻辑代码。以上三点是实现四个微信小游戏功能的通用配置，具体操作如下：获取头像用户登录，可以获取用户自己的头像，参看微信平台。EgretWing，已经在Platform.ts写了默认功能，微信开发者工具已经写了默认逻辑，开发者只需要在Main添加代码在EgretWing—>src—>Main.ts添加以下代码privateasyncrunGame(){constuserInfo=awaitplatform.getUserInfo();this.createGameScene(userInfo);}protectedcreateGameScene(userInfo:any):void{//用户头像letimg=neweui.Image();img.source=userInfo.avatarUrlthis.addChild(img);}微信小游戏转发功能微信小游戏转发功能通过点击微信小游戏右上角按钮来触发小游戏的内置转发效果，达到转发给朋友的效果。1.在EgretWing—>src—>Platform.ts添加以下代码declareinterfacePlatform{shop():Promise;}classDebugPlatformimplementsPlatform{asyncshop(){}}2.在EgretWing—>src—>Main.ts添加以下代码privateasyncrunGame(){platform.shop();}微信转发主要使用了wx.showShareMenu()和wx.onShareAppMessage()方法,具体参数可参看微信开发平台classWxgamePlatform{shop(){returnnewPromise((resolve,reject)=>{wx.showShareMenu({withShareTicket:true});wx.onShareAppMessage(function(){return{title:\"+++\",imageUrl:\'resource/assets/art/heros_goods/btnOK.png\'}})})}openDataContext=newWxgameOpenDataContext();}微信小游戏分享功能除了转发功能，我们也可以在微信小游戏内自定义一个按钮，主动分享给朋友。1.在EgretWing—>src—>Platform.ts添加以下代码declareinterfacePlatform{shareAppMessage():Promise;}classDebugPlatformimplementsPlatform{asyncshareAppMessage(){}}2.在Egretwing—>src—>Main.ts添加以下代码protectedcreateGameScene():void{//游戏内自定义分享按钮letbtnClose=neweui.Button();btnClose.label=\"分享\";btnClose.y=300;btnClose.horizontalCenter=180;this.addChild(btnClose);btnClose.addEventListener(egret.TouchEvent.TOUCH_TAP,()=>{platform.shareAppMessage()},this)}微信分享主要使用了shareAppMessage()方法,具体参数可参看微信开发平台classWxgamePlatform{shareAppMessage(){returnnewPromise((resolve,reject)=>{wx.shareAppMessage({title:\'转发标题\',imageUrl:\'resource/assets/art/heros_goods/btnOK.png\'})})}openDataContext=newWxgameOpenDataContext();}游戏圈微信游戏圈，在这里和好友交流游戏心得。1.在EgretWing—>src—>Platform.ts添加以下代码declareinterfacePlatform{createGameClubButton():Promise;}classDebugPlatformimplementsPlatform{asynccreateGameClubButton(){}}2.在EgretWing—>src—>Main.ts添加以下代码privateasyncrunGame(){platform.createGameClubButton();}使用方法createGameClubButton().查看参看微信平台。classWxgamePlatform{wx.createGameClubButton({icon:\'green\',style:{left:200,top:626,width:40,height:40}})openDataContext=newWxgameOpenDataContext();}以上是微信小游戏四种常见功能的实现方法，希望对您有所帮助。更多初级开发文档如何使用Egret粒子编辑器实现烟雾效果如何使用Egret插件压缩代码包体积，减少请求数量菜鸟|小白接触白鹭引擎4天，成功做了一款足球小游戏菜鸟|EUI卡牌游戏制作菜鸟|Egret微信小游戏好友排行榜教程联系我们责任编辑：

本文来自投稿，不代表长河网立场,转载请注明出处： http://www.changhe99.com/a/oRr8YQ13wX.html