egret实现微信小程序分享,转发功能

       做好egert项目,该怎么进行发布到微信呢.今天来介绍egret到微信的分享,转发功能的实现.

一,微信公众号申请

      前往微信公众平台(https://mp.weixin.qq.com/)申请小程序,小程序类别必须为游戏,进入设置选择开发设置,如图,复制AppID.

egret实现微信小程序分享,转发功能_第1张图片

 

二,白鹭引擎设置

如图点击发布设置,

egret实现微信小程序分享,转发功能_第2张图片

 

选择微信小游戏,复制AppID,输入项目,点击确定

egret实现微信小程序分享,转发功能_第3张图片

 

在随后出现的提示框中选择使用微信开发者工具打开

egret实现微信小程序分享,转发功能_第4张图片

 

如图,打开了微信开发者工具

egret实现微信小程序分享,转发功能_第5张图片

 

三,代码操作

      首先当然应该先看官方API啦(https://developers.weixin.qq.com/minigame/dev/tutorial/open-ability/share.html).从中知道了一些属性,方法.

       我们先来尝试转发菜单的实现.

       1,转发菜单

       打开EgretWing找到src中的Platform.ts文件,如图模仿login加上如图代码

egret实现微信小程序分享,转发功能_第6张图片

 

         之后打开Main.ts文件在runGame中引用方法

egret实现微信小程序分享,转发功能_第7张图片

 

        这样egret方面已经完成,现在将其发布到微信开发者工具,如图在终端中输入egret publish --target wxgame

egret实现微信小程序分享,转发功能_第8张图片

 

       等待其发布完成,打开微信开发者工具,打开其中的platform.js文件,加入如下代码,注意,方法名必须与egret命名一致.

egret实现微信小程序分享,转发功能_第9张图片

 

      如图编译,点击微信菜单栏就可以看到转发按钮了.

egret实现微信小程序分享,转发功能_第10张图片

 

        2,被动转发

        那么被动转发呢,这时候就需要在刚刚里面加上信息了.如图:

       egret实现微信小程序分享,转发功能_第11张图片

 

点击转发以后,出现如图:

egret实现微信小程序分享,转发功能_第12张图片

 

         3,主动发送

          那么如果想要点击按钮主动发送呢.

          在egret之前的platform中加入新的方法

egret实现微信小程序分享,转发功能_第13张图片

             由于官方模板中有一个按钮事件,我们借用这个按钮测试.在main中的按钮点击事件中,调用了分享的方法.

egret实现微信小程序分享,转发功能_第14张图片

 

             这里不要忘记了发布到微信开发者工具,然后打开微信开发者工具,加入如下代码.

egret实现微信小程序分享,转发功能_第15张图片

 

             这样运行,就可以看到效果了.

egret实现微信小程序分享,转发功能_第16张图片

 

            到这里大致完成了转发功能.

            最后大家可能问那怎么判定是否成功了,这里就需要回调.如图,就可以咯.

egret实现微信小程序分享,转发功能_第17张图片

 

              微信分享转发功能完成了哦.

你可能感兴趣的:(egret,egret)