Game Front UI wrapping Game and Explorer
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
e2e
src
.editorconfig
.gitignore
README.md
angular.json
karma.conf.js
package-lock.json
package.json
protractor.conf.js
tsconfig.json
tslint.json

README.md

Game Front

Angular web source for the game running on BORA Lagoon Testnet

Background

Install

Required environment

The following applications are required to run the game front.

  • Angular
  • Angular-cli

Download

Please clone this git repository.

git clone https://github.com/boraecosystem/game-front.git
cd game-front
npm install

Settings

  • Check the contents of the environment file(at {project root}/environments/environment.ts) and set the gameuri value according to your game server.
production: false,                                   // Angular environment value
api: 'https://testnet.bora-lagoon.com/',               // BORA Testnet API uri(Do not modify)
bpapi: 'https://testnet-explorerapi.bora-lagoon.com',  // BORA Explorer API uri(Do not modify)
explorer: 'https://testnet-explorer.bora-lagoon.com',  // BORA Explorer Uri(Do not modify)
portal: 'https://testnet.bora-lagoon.com/portal/',     // BORA Test Ground Uri(Do not modify)
authredirecturi: 'http://localhost:4200/cb',         // OAuth2.0 Redirect uri(Do not modify)
gameuri: 'http://127.0.0.1:3200/',                   // game server uri

Usage

Run

After moving to the project root directory, you can run the game front as follows:

ng serve

Then type http://localhost:4200 in your browser.

BORA Lagoon Integration

Please see the integration example code below.

Access authorization code request page - Authorization Code Grant

window.location.href = 'https://testnet.bora-lagoon.com/member/oauth/authorize' +
  '?response_type=code&state=xyz&client_id=' + this.clientId + '&redirect_uri=' + this.redirectUri;

After acquiring the authorization code, acquire the user token through the interconnected game server.

BORA Explorer API Integration

Get transaction list related app

public bp_tx_list(appId: number, page: number, page_size: number): Observable<any> {
    return this.http.get('https://testnet-explorerapi.bora-lagoon.com/points/' + appId + '/txs?page=' + page + '&pageSize=' + page_size).map(res => res);
}

Get block list related app

public bp_block_list(appId: number, page: number = 1, page_size: number = 20): Observable<any> {
    return this.http.get('https://testnet-explorerapi.bora-lagoon.com/points/' + appId + '/blocks?page=' + page + '&pageSize=' + page_size).map(res => res);
}

Get my BORA Shell information

public bp_info_addr(appId: number, address: string): Observable<any> {
    return this.http.get('https://testnet-explorerapi.bora-lagoon.com/points/' + appId + '/addresses/' + address).map(res => res);
}