使用React Native創建以太坊錢包實現轉賬等功能

這篇文章主要介紹了使用React Native創建以太坊錢包，實現轉賬等功能，本文給大家介紹的非常詳細，具有一定的參考借鑑價值,需要的朋友可以參考下

之前想用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創建以太坊錢包實現轉賬等功能,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回覆大家的。在此也非常感謝大家對神馬文庫網站的支持！
如果你覺得本文對你有幫助，歡迎轉載，煩請註明出處，謝謝！