一个eos dapp的区块链小游戏开发学习笔记

开发流程: 1,eos环境搭建,及adpp开发流程说明 2,创建前端源码框架,编写前端源码 3,创建智能合约目录,编写智能合约源码 4,前端调用eosjs,与智能合约交互 5,eosjs查询智能合约的table信息 6,详解eosjs调用智能合约接口

1,前端

eos使用react.js编写前端的用户界面 eosjs来与智能合约交互 eosjs实现了大多数rpc功能,常用的是合约接口调用和表数据查询

2,创建智能合约目录,编写智能合约源码

智能合约简介 使用c++进行开发,依赖boost 1.66.0版本的开源库

3,使用eosiocpp来创建一个test的临时测试合约

cd contract
root@VM-0-7-ubuntu:/home/ubuntu/eos/contracts/mytest# eosiocpp -n mytest

root@VM-0-7-ubuntu:/home/ubuntu/eos/contracts/mytest/mytest# ls
mytest.abi  mytest.cpp  mytest.hpp

mytest.hpp 智能合约的头文件 mytest.cpp 智能合约的源文件 mytest.abi 智能合约的ABI文件,让开发者通过json来和智能合约进行交互

4,编译智能合约,生成wast,abi文件

编译,生成wast文件

eosiocpp -0 luckpoint.wast luckpoint.cpp

生成abi文件

eosiocpp -g luckpoint.abi luckpoint.cpp

5,前段调用eosjs与智能合约进行交互

index.jsx中,调用eosjs的流程 前段界面实现eosjs的调用,与合约进行交互 eosjs实现了大多数的rpc功能,主要使用eosjs来进行智能合约的接口调用,以及查询智能合约的表数据。

步骤: 1,导入eosjs组件;

import EOSJS from 'eosjs'

let contract_name = 'luckpoint.co'
let account_name = 'banker'

2,实现eosjs配置信息;

const EOSJS_CONFIG = {
  contractName: contract_name,    // 合约名字
  contractSender: account_name,   // 执行合约的账户 (需要与私钥对应)
  clientConfig: {
keyProvider:     ['5JcziTgwUhQgKyvmvc4ygEPGonQPVrBYNTwezAg5UuJ7djyVDWQ'], // 账号对应的私钥
httpEndpoint: 'http://127.0.0.1:8888' // EOS节点程序的http终端
  }
}

3,使用指定网络来加载配置文件,实例化eosjs对象;

// 读取游戏数据: eosjs.contract(contract_name)
let eosjs = EOSJS.Localnet(EOSJS_CONFIG.clientConfig)
eosjs.contract(contract_name)
  .then((contract) => {
    console.log('_updateGameData::' + contract_name + '合约加载成功!')

    eosjs.getTableRows({"scope":contract_name, "code":contract_name, "table":"game", "json": true})
      .then(result => {
        console.log('_updateGameData::读取游戏列表成功!')

        let rows = result.rows
        let len = rows.length
        for(let i = 0; i < len; i ++){
          var id = result.rows[i].id
          var winner = result.rows[i].winner
          var player1 = result.rows[i].player1
          var player2 = result.rows[i].player2
          var createtime = result.rows[i].createtime
          var owner = result.rows[i].owner

          this.gameprops.gameDataList.push({
            id: id,
            winner: winner,
            player1: player1,
            player2: player2,
            createtime: createtime,
            owner: owner
          })
        }

        if(len > 0){
          this.gameprops.gameIndex = len - 1
        }else{
          this.gameprops.gameIndex = -1
        }

        this._refreshUIView()
        })
     .catch((err) => {
       console.log('_updateGameData::读取游戏列表失败!')
       this.gameprops.gameIndex = -1
       this._refreshUIView()
     })
  })
}

4,指定的智能合约加载表数据:eosjs.contract(EOSJS_CONFIG.contractName)

 _createGame() {
console.log('_createGame::创建游戏 ...')

this._showLoading(true, '正在创建游戏... ...')

let _sender = account_name
let eosjs = EOSJS.Localnet(EOSJS_CONFIG.clientConfig)
eosjs.contract(EOSJS_CONFIG.contractName)
  .then((contract) => {
    console.log('_createGame::加载合约成功!')

    contract.creategame(_sender, { authorization: [_sender] })
      .then((res) => {
        console.log('_createGame::游戏创建成功!')

        this._updateGameData()
      })
      .catch((err) => {
        console.log('_createGame::游戏创建失败!')
      })
  })
}

5,启动智能合约,或者查询智能合约表数据: 启动eos节点:

> cd /你的eos所在父级目录/eos/build/programs/nodeos
> 
> ./nodeos -e -p eosio --plugin eosio::wallet_api_plugin --plugin       eosio::chain_api_plugin --plugin eosio::account_history_api_plugin

 另起一个控制台,用户初始化钱包、合约等: cd /你的eos所在父级目录/eos

// 创建钱包、导入私钥、创建及部署合约

> cleos wallet create
> 
> cleos wallet unlock
> 
> cleos wallet import     5JcziTgwUhQgKyvmvc4ygEPGonQPVrBYNTwezAg5UuJ7djyVDWQ
> 
> cleos create account eosio luckpoint.co     EOS6zzuh8wUHAmEftGNzHLRDCaxtVmTdBKWNCMDb9rF3DhQMB1XuQ EOS6zzuh8wUHAmEftGNzHLRDCaxtVmTdBKWNCMDb9rF3DhQMB1XuQ
> 
> cleos set contract luckpoint.co ./contracts/luckpoint -p luckpoint.co

// 创建banker、player1、player2这三个账户

> cleos create account eosio banker   EOS6zzuh8wUHAmEftGNzHLRDCaxtVmTdBKWNCMDb9rF3DhQMB1XuQ EOS6zzuh8wUHAmEftGNzHLRDCaxtVmTdBKWNCMDb9rF3DhQMB1XuQ
> 
  > cleos create account eosio player1     EOS6zzuh8wUHAmEftGNzHLRDCaxtVmTdBKWNCMDb9rF3DhQMB1XuQ EOS6zzuh8wUHAmEftGNzHLRDCaxtVmTdBKWNCMDb9rF3DhQMB1XuQ
> 
> cleos create account eosio player2 EOS6zzuh8wUHAmEftGNzHLRDCaxtVmTdBKWNCMDb9rF3DhQMB1XuQ EOS6zzuh8wUHAmEftGNzHLRDCaxtVmTdBKWNCMDb9rF3DhQMB1XuQ

再启动一个控制台,用于启动web服务:

> cd /你的eos所在父级目录/eos/www_luckpoint
> 
> npm run start

7、用浏览器打开(建议用Chrome浏览器,便于调试):[http://localhost:8080/](http://localhost:8080/)

8、开始游戏。

6,命令行执行合约接口及查询表数据:

 // 创建一个新游戏

cleos push action luckpoint.co creategame '["banker"]' -p banker

// 玩家开牌命令(第一个参数为游戏id,需要与实际的游戏id对应)

cleos push action luckpoint.co opencard '[1,1]' -p player1

cleos push action luckpoint.co opencard '[1,2]' -p player2

// 查询表数据

cleos get table luckpoint.co luckpoint.co game

参考资料:

eosjs api文档: https://github.com/EOSIO/eosjs

https://github.com/sailorgege/eos_luckpoint.git

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏祥云无界

imtoken钱包的使用教程

为了方便大家使用imtoken钱包,在这里将imtoken钱包使用教程详细的给大家展示出来。钱包使用很简单,但是需要大家多熟悉。还有文章中有红色字体提示的内容为...

3.1K31
来自专栏极客编程

如何实现以太坊支付

在这篇文章中,我将实现一个简单但完整的以太坊支付通道。支付通道使用密码签名,以安全、即时、无交易费用重复地传送Ether。

3262
来自专栏CDA数据分析师

你的第一个智能合约「Hello World」,好像也不是很智能

在看过 我花了 99 个以太坊(Ethereum)来学智能合约开发(http://davidfnck.com/blockchain/ethereum-smart...

1422
来自专栏区块链入门

【财务安全】如何使用imToken钱包进行离线签名

注: 使用你的联网手机是热钱包, 用来观察钱包, 未联网手机作为冷钱包用作离线签名授权

882
来自专栏liuchengxu

用 Go 构建一个区块链 -- Part 7: 网络

翻译的系列文章我已经放到了 GitHub 上:blockchain-tutorial,后续如有更新都会在 GitHub 上,可能就不在这里同步了。如果想直接运行...

1093
来自专栏丑胖侠

以太坊Geth几种同步模式

同步模式分类 –fast Enable fast syncing through state downloads –light Enable light cli...

5169
来自专栏liuchengxu

用 Parity 发送 ERC20 Token

Parity 是以太坊的 Rust 实现,它也内置了一个钱包。用过 Parity 的人都知道,用它发送 ETH 非常简单,点几下就行。但是可能不少人还不知道如何...

1244
来自专栏FreeBuf

利用树莓派探索以太坊第一部分:环境搭建

在本系列文章的第一部分中,我们将在一台树莓派Pi 3 Model B上安装并运行一个以太坊区块链客户端。 ? 毫无疑问,区块链绝对是当前的热点。之所以会这样,...

4566
来自专栏深入浅出区块链技术

如何编写一个可升级的智能合约

区块链信任基础的数据不可修改的特性,让它传统应用程序有一个很大的不同的地方是一经发布于区块链上就无法修改(不能直接在原有的合约上直接修改再重新发布)。

1801
来自专栏智能计算时代

Ethereum - 以太坊项目

以太坊项目进一步扩展了区块链网络的能力,从交易延伸为智能合约(Smart Contract)。 其官网首页为 ethereum.org。 简介 根据以太坊官方的...

3057

扫码关注云+社区

领取腾讯云代金券