iOS,Androidアプリにブロックチェーンの機能を追加したいと思い、ブロックチェーンSymbolを選定し開発を開始しました。SymbolのSDKはJavascript/Typescriptが用意されていますが、そのままではReactNative環境では動かすことが出来ず、以下に対応したことを纏めます
モバイルアプリにブロックチェーンを組み込んでいきましょう
環境
ReactNative@0.64.2
Expo@43.0.0
Symbol-SDK@1.0.1
Windows10(Macの方は適宜読替下さい)
Expoでプロジェクトを作成(or React-Native-CLI)
Expoでプロジェクトを作成し、Ejectします。EjectせずにExpoのまま実行しようとしても、linkが実行出来ないので失敗します。
expo init symbol_project
cd symbol_project
expo eject
SDKを実行する為に必要なものを追加します
調べていたところ以下ライブラリが有効でした。ただし、一部エラーの原因となった為、差し替え、削除を行います。
yarn add -D rn-nodeify@latest
npx rn-nodeify --install
yarn remove react-native-os react-native-tcp
yarn add readable-stream@3.4.0 stream-browserify@2.0.2 symbol-sdk rxjs
npx rn-nodeify --hack
index.jsを更新
この段階でプロジェクトのルートに shim.js というファイルが作成されています。
これをindex.jsの最初でimportします
index.js
import "./shim";
これで準備完了です。
ただ私の環境だとここで一度実行していたコンソールを再起動しなければ動かなかったため、私はここで一度コンソールを立ち上げ直しています。
この後は通常通り開発が進むと思います。
以上、何かのお役に立てば幸いです。
↧