微信小游戲中怎么實(shí)現(xiàn)轉(zhuǎn)發(fā)、分享、獲取頭像、游戲圈的四種功能

小編給大家分享一下微信小游戲中怎么實(shí)現(xiàn)轉(zhuǎn)發(fā)、分享、獲取頭像、游戲圈的四種功能，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

這四種功能分別是：

獲取頭像功能
微信轉(zhuǎn)發(fā)功能
微信分享功能
游戲圈

在Egret Wing和微信開(kāi)發(fā)者工具里的配置

為實(shí)現(xiàn)以上四個(gè)功能，我們需要分別在Egret Wing(圖1,圖2)和微信開(kāi)發(fā)者工具(圖3)里配置。

需要在Platform.ts里調(diào)用platform.js接口。
在Main.ts通過(guò)Platform.ts調(diào)用執(zhí)行函數(shù) 。
在 platform.js寫(xiě)相對(duì)應(yīng)的邏輯代碼。
以上三點(diǎn)是實(shí)現(xiàn)四個(gè)微信小游戲功能的通用配置，具體操作如下：

獲取頭像

用戶(hù)登錄，可以獲取用戶(hù)自己的頭像，參看微信平臺(tái)。

Egret Wing，已經(jīng)在Platform.ts寫(xiě)了默認(rèn)功能，微信開(kāi)發(fā)者工具已經(jīng)寫(xiě)了默認(rèn)邏輯，開(kāi)發(fā)者只需要在Main添加代碼 在Egret Wing—>src—>Main.ts添加以下代碼

private async runGame() {
    const userInfo = await platform.getUserInfo();
    this.createGameScene(userInfo);   
}
protected createGameScene(userInfo:any): void {
// 用戶(hù)頭像
let img=new eui.Image();
    img.source=userInfo.avatarUrl
    this.addChild(img);
}

微信小游戲轉(zhuǎn)發(fā)功能

微信小游戲轉(zhuǎn)發(fā)功能通過(guò)點(diǎn)擊微信小游戲右上角按鈕來(lái)觸發(fā)小游戲的內(nèi)置轉(zhuǎn)發(fā)效果，達(dá)到轉(zhuǎn)發(fā)給朋友的效果。

1. 在Egret Wing—>src—>Platform.ts添加以下代碼

declare interface Platform {
         shop():Promise<any>;
     }
    class DebugPlatform implements Platform {
        async shop() {}
    }

2. 在Egret Wing—>src—>Main.ts添加以下代碼

private async runGame() {
    platform.shop();
}

3. 在微信開(kāi)發(fā)者工具里Platform.ts添加以下代碼

微信轉(zhuǎn)發(fā)主要使用了wx.showShareMenu()和wx.onShareAppMessage()方法,具體參數(shù)可參看微信開(kāi)發(fā)平臺(tái)

class WxgamePlatform {
        shop() {
            return new Promise((resolve, reject) => {
                  wx.showShareMenu({
                        withShareTicket: true
                  });
                  wx.onShareAppMessage(function () {
                    return {
                      title: "+++",
                      imageUrl: 'resource/assets/art/heros_goods/btnOK.png'
                    }
                  })
     
            })
         }
        openDataContext = new WxgameOpenDataContext();
    }

微信小游戲分享功能

除了轉(zhuǎn)發(fā)功能，我們也可以在微信小游戲內(nèi)自定義一個(gè)按鈕，主動(dòng)分享給朋友。

1. 在Egret Wing—>src—>Platform.ts添加以下代碼

declare interface Platform {
    shareAppMessage():Promise<any>;
}
class DebugPlatform implements Platform {
    async shareAppMessage(){}
}

1. 在Egret wing—>src—>Main.ts添加以下代碼

protected createGameScene(): void {
   //游戲內(nèi)自定義分享按鈕
       let btnClose = new eui.Button();
               btnClose.label = "分享";
               btnClose.y = 300;
               btnClose.horizontalCenter =180;
               this.addChild(btnClose);
               btnClose.addEventListener(egret.TouchEvent.TOUCH_TAP, ()=>{
                   platform.shareAppMessage()
    }, this)
   }

3. 在微信開(kāi)發(fā)者工具里Platform.ts添加以下代碼

微信分享主要使用了shareAppMessage()方法,具體參數(shù)可參看微信開(kāi)發(fā)平臺(tái)

class WxgamePlatform {
     shareAppMessage() {
        return new Promise((resolve, reject) => {
          wx.shareAppMessage({
            title: '轉(zhuǎn)發(fā)標(biāo)題',
            imageUrl: 'resource/assets/art/heros_goods/btnOK.png'
          })   
        })
      }
        openDataContext = new WxgameOpenDataContext();
}

游戲圈

微信游戲圈，在這里和好友交流游戲心得。

1. 在Egret Wing—>src—>Platform.ts添加以下代碼

declare interface Platform {
   createGameClubButton():Promise<any>;  
}
class DebugPlatform implements Platform {
    async createGameClubButton(){}         
}

2. 在Egret Wing—>src—>Main.ts添加以下代碼

private async runGame() {
   platform.createGameClubButton();
}

3. 在微信開(kāi)發(fā)者工具里platform.js添加以下代碼

使用方法createGameClubButton().查看參看微信平臺(tái)

class WxgamePlatform {
      wx.createGameClubButton({
            icon: 'green',
            style: {
              left: 200,
              top: 626,
              width: 40,
              height: 40
            }
          })
        openDataContext = new WxgameOpenDataContext();
}

以上是“微信小游戲中怎么實(shí)現(xiàn)轉(zhuǎn)發(fā)、分享、獲取頭像、游戲圈的四種功能”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！