专栏首页华仔的技术笔记一个eos dapp的区块链小游戏开发学习笔记

一个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 条评论
登录 后参与评论

相关文章

  • 在Spectrum测试链上部署智能合约

    "0xa4aa2105cc3e6b6a83faaaf72782d1e9a68e90ca"

    rectinajh
  • eosio.system合约分析部署合约:

    rectinajh
  • Boinc for Linux,在服务器上一边科研,一边挖矿

    https://www.toutiao.com/i6589514965932048910/

    rectinajh
  • 每日一练(2017/5/23)

    Java基础 | 数据库 | Android | 学习视频 | 学习资料下载 课前导读 ●回复"每日一练"获取以前的题目! ●答案公布时间:为每期发布题目的第二...

    Java学习
  • 软件分享 | AutoCAD 2007 安装教程

    6、输入序列号:111-11111111,姓氏名字组织随便输,比如:公众号小白课代表最棒

    课代表
  • springboot 单元测试

      但这样经常会一测就要测一整块,相对单元测试来说定位问题比较麻烦,单元测试能帮助我们拆分方法,单独测试些关键的代码、功能,是日常开发中必备的技能,同时也是各大...

    小老鼠
  • python操作数据库

    下载地址:https://pypi.python.org/pypi/MySQL-python/1.2.5 安装到系统即可。

    二狗不要跑
  • 快速学习-Spring 中的 AOP

    Joinpoint(连接点): 所谓连接点是指那些被拦截到的点。在 spring 中,这些点指的是方法,因为 spring 只支持方法类型的连接点。

    cwl_java
  • [006]匿名共享内存(Ashmem)的使用

    我们在使用Binder在进程间传递数据的时候,有时候会抛出TransactionTooLargeException这个异常,这个异常的产生是因为Binder驱动...

    王小二
  • ROW 格式binlog 在MySQL5.6上的数据恢复实验

    5.6和5.7版本的MySQL,有个参数binlog_row_p_w_picpath,默认值为FULL,表示记录的是全部的binlog操作日志(仅在binlog...

    二狗不要跑

扫码关注云+社区

领取腾讯云代金券