> 위챗 애플릿 > 미니 프로그램 개발 > WeChat 미니 게임에서 전달, 공유, 아바타 획득, 게임 서클의 네 가지 기능을 구현하는 방법

WeChat 미니 게임에서 전달, 공유, 아바타 획득, 게임 서클의 네 가지 기능을 구현하는 방법

不言
풀어 주다: 2018-09-01 11:32:02
원래의
5946명이 탐색했습니다.

이 글의 내용은 위챗 미니게임에서 전달, 공유, 아바타 받기, 게임 서클의 4가지 기능을 구현하는 방법에 관한 것입니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다. 도움이 됩니다.

오늘 공유하는 초보자 튜토리얼 문서에서는 WeChat 미니 게임 개발에 있어 일반적인 네 가지 기능의 구현 방법을 소개합니다. 개발자 친구들과 소통하고 메시지와 피드백을 남겨주세요.

이 네 가지 기능은 다음과 같습니다.

아바타 받기 기능
WeChat 전달 기능
WeChat 공유 기능
게임 서클

Egret Wing 및 WeChat 개발자 도구 구성

위의 네 가지 기능을 구현하려면 다음이 필요합니다. Egret Wing(그림 1, 그림 2) 및 WeChat 개발자 도구(그림 3)에서 각각 구성됩니다.

WeChat 미니 게임에서 전달, 공유, 아바타 획득, 게임 서클의 네 가지 기능을 구현하는 방법

Platform.ts에서 platform.js 인터페이스를 호출해야 합니다.
Platform.ts를 통해 Main.ts의 실행 함수를 호출합니다.
platform.js에 해당 논리 코드를 작성하세요.
위 3가지 사항은 위챗 미니게임 4가지 기능을 구현하기 위한 공통 구성입니다. 구체적인 동작은 다음과 같습니다.

아바타 가져오기

사용자 로그인은 사용자 자신의 아바타를 얻을 수 있습니다. 위챗 플랫폼을 참고하세요.

Egret Wing은 이미 Platform.ts에 기본 기능을 작성했으며 WeChat 개발자 도구는 이미 기본 로직을 작성했습니다. 개발자는 Main에 코드를 추가하고 Egret Wing—>src—>Main에 다음 코드를 추가하기만 하면 됩니다. ts

private async runGame() {
    const userInfo = await platform.getUserInfo();
    this.createGameScene(userInfo);   
}
protected createGameScene(userInfo:any): void {
// 用户头像
let img=new eui.Image();
    img.source=userInfo.avatarUrl
    this.addChild(img);
}
로그인 후 복사

WeChat 미니게임 전달 기능

WeChat 미니게임 전달 기능은 WeChat 미니게임 오른쪽 상단에 있는 버튼을 클릭하여 미니게임에 내장된 전달 효과를 실행하여 달성합니다. 친구에게 전달하는 효과.

1. Egret Wing—>src—>Platform.ts

declare interface Platform {
         shop():Promise<any>;
     }
    class DebugPlatform implements Platform {
        async shop() {}
    }</any>
로그인 후 복사

2에 다음 코드를 추가합니다. Egret Wing—>src—>Main.ts

private async runGame() {
    platform.shop();
}
로그인 후 복사

3. WeChat 개발자 도구의 Platform.ts에 다음 코드를 추가하세요.

WeChat 전달은 주로 wx.showShareMenu() 및 wx.onShareAppMessage() 메서드를 사용합니다. 특정 매개변수는 WeChat 개발 플랫폼

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();
    }
로그인 후 복사
을 참조하세요.

WeChat 미니 게임 공유 기능

전달 기능 외에도 WeChat 미니 게임의 버튼을 맞춤 설정하여 친구들과 적극적으로 공유할 수도 있습니다.

1. Egret Wing—>src—>Platform.ts에 다음 코드를 추가합니다.

declare interface Platform {
    shareAppMessage():Promise<any>;
}
class DebugPlatform implements Platform {
    async shareAppMessage(){}
}</any>
로그인 후 복사
  1. Egret Wing—>src—>Main.ts

protected createGameScene(): void {
   //游戏内自定义分享按钮
       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 .WeChat 개발자 도구의 Platform.ts에 다음 코드를 추가합니다.

WeChat 공유는 주로 shareAppMessage() 메서드를 사용합니다. 특정 매개변수는 WeChat 개발 플랫폼

class WxgamePlatform {
     shareAppMessage() {
        return new Promise((resolve, reject) => {
          wx.shareAppMessage({
            title: '转发标题',
            imageUrl: 'resource/assets/art/heros_goods/btnOK.png'
          })   
        })
      }
        openDataContext = new WxgameOpenDataContext();
}
로그인 후 복사

Game Circle

을 참조하세요. Game Circle과 친구들이 여기에서 게임 경험을 교환합니다.

1. Egret Wing—>src—>Platform.ts

declare interface Platform {
   createGameClubButton():Promise<any>;  
}
class DebugPlatform implements Platform {
    async createGameClubButton(){}         
}</any>
로그인 후 복사

2에 다음 코드를 추가합니다. Egret Wing—>src—>Main.ts

private async runGame() {
   platform.createGameClubButton();
}
로그인 후 복사

3 .WeChat 개발자 도구의 platform.js에 다음 코드를 추가하세요

createGameClubButton() 메서드를 사용하세요. WeChat 플랫폼을 참조하세요

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

위는 WeChat 미니 게임의 4가지 공통 기능 구현 방법입니다. 당신에게 도움이 되십시오.

관련 추천:

WeChat 공개 플랫폼에서 2048 게임을 개발하고 구현하는 방법

5가지 WeChat 미니 게임의 기술적 포인트

위 내용은 WeChat 미니 게임에서 전달, 공유, 아바타 획득, 게임 서클의 네 가지 기능을 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿