使用React Native创建以太坊钱包实现转账等功能

所属分类: 网络编程 / 其它综合 阅读数: 1584
收藏 0 赞 0 分享

之前想用React Native开发一版以太坊钱包app,但在生成账户那块遇见了问题,没有crypto等nodejs包,react native是运行在JavaScriptCore环境里面,是没有buffer, crypto 跟 stream这些库的,所以为了解决,就跟同事开发了基于golang的web3go,然后使用gomoble工具编译成ios需要的framework以及android需要的jar aar,完美解决问题

演示

 

dapp-demo-1.jpg

dapp-demo-2.jpg

安装web3go

git clone https://github.com/bcl-chain/web3.go.git

使用gomobile编译成framework,jar,aar

// generate frameworkgomobile bind -target=ios 
./github.com/bcl-chain/web3
.go/mobile// generate arr jargomobile bind -target=android
 ./github.com/bcl-chain/web3.go/mobile

把生成的包link到原生app里面

link-web3go.jpg

andoir-getbalence.jpg

下载ETH本地测试工具ganache-cli

gan-cli.jpg

安装依赖

yarn
react-native run-android
react-native run-ios

getBalance代码分析

// IOS
RCT_EXPORT_METHOD(getBalance:
         (NSString*) address:
         (RCTPromiseResolveBlock)resolve
         rejecter:(RCTPromiseRejectBlock)reject){
 // ip地址
 Web3goEthereumClient* client = Web3goNewEthereumClient(nodeIP, nil);
 Web3goContext* ctx = Web3goNewContext();
 // 账户地址
 Web3goAddress* address1 = Web3goNewAddressFromHex(address, nil);
 @try {
  Web3goBigInt* a = [client getBalanceAt:ctx account:address1 number:-1 error:nil];
  NSString* ammount = [a getString:10];
  NSLog(@"%@", ammount);
  resolve(ammount);
 } @catch (NSError *exception) {
  NSLog(@"NSError: %@", exception);
  reject(@"NSError: %@", @"There were no events", exception);
 } @finally {
  NSLog(@"finally");
 }
 
}

// android
@ReactMethod
public void getBalance(String address, Promise promise) {
  try {
   web3go.EthereumClient client = Web3go.newEthereumClient(nodeIP);
   web3go.Context ctx = Web3go.newContext();
   web3go.Address address1 = Web3go.newAddressFromHex(address);
   web3go.BigInt a = client.getBalanceAt(ctx, address1, -1);
   String ammout = a.getString(10);
   promise.resolve(ammout);
  } catch (Exception e) {
   promise.reject(e.getMessage());
  }
}

// react-native
async getBalance() {
  try {
   var ammount = await NativeModules.Web3go.getBalance(this.state.defGaAddress);
   this.setState({
    gaAmmount: ammount
   })
  } catch (e) {
   console.error(e);
  }
}

如果有用,给个start

web3go

React-Native-Dapp

以上所述是小编给大家介绍的使用React Native创建以太坊钱包实现转账等功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

更多精彩内容其他人还在看

微信小程序应用号开发教程详解

这篇文章主要介绍了微信小程序应用号开发教程详解的相关资料,需要的朋友可以参考下
收藏 0 赞 0 分享

微信小程序应用号开发体验

这篇文章主要介绍了微信小程序(应用号)开发体验的相关资料,需要的朋友可以参考下
收藏 0 赞 0 分享

微信应用号(小程序)入门安装教程及IDE(破解版)下载

这篇文章主要介绍了微信应用号(小程序)入门安装教程及IDE下载的相关资料,需要的朋友可以参考下
收藏 0 赞 0 分享

微信小程序开发实例详解

这篇文章主要介绍了微信小程序开发实例详解的相关资料,需要的朋友可以参考下
收藏 0 赞 0 分享

微信小程序(应用号)组件详细介绍

这篇文章主要介绍了微信小程序(应用号)组件详细介绍的相关资料,需要的朋友可以参考下
收藏 0 赞 0 分享

微信 小程序前端源码详解及实例分析

这篇文章主要介绍了微信 小程序前端源码详解及实例分析的相关资料,需要的朋友可以参考下
收藏 0 赞 0 分享

微信小程序(微信应用号)开发工具0.9版安装详细教程

这篇文章主要介绍了微信小程序(微信应用号)开发工具0.9版安装详细教程的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享

从Chrome App看微信小程序的发展前景

App的了解也许对我们对小程序的发张和前景的分析带来一定的帮助。接下来本教程给大家分享从Chrome App看微信小程序,感兴趣的朋友可以参考下
收藏 0 赞 0 分享

编译和解释的区别是什么

最近发现有很多网友都提出一个问题:程序的编译与解释有什么区别?这篇文章就为大家介绍了编译和解释的区别,需要的朋友可以参考下
收藏 0 赞 0 分享

Base64编码的深入认识与理解

这篇文章主要介绍了Base64编码的深入认识与理解的相关资料,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多