基于React Native和Ethers.js的电子钱包(一):环境搭建

612 阅读1分钟

只针对Windows平台,全程请使用科学上网

准备

1. 下载Android Studio

    React Naitve环境要求:

    Node > 8.3

    Python必须2.x

    JDK必须1.8,不支持1.9及更高版本

    官网详细安装步骤


2. 初始化项目到本地:

$ react-native init your-project-name


3. 打开Android Studio,File -> Import Settings 导入项目



安装依赖并编译

在工程根目录下运行命令来安装所需模块:

$ npm install

 模块安装成功后,在工程的android目录下编译项目,运行:

$ ./gradlew build


(以上过程可能会耗时很久,可以切换到淘宝镜像)


运行

打开Android模拟器,在根目录下运行

react-native run-android

命令启动:



可能会遇到的问题

若启动后模拟器出现 Unable to load script from assets index.android.bundle on windows的错误,可访问这里解决

若模拟器reload时报错:

要知道当运行react-native run-android命令时都发生了什么?

首先是启动node服务器,该服务器会监听8081这个端口,并且服务器会加载工程下的index.js文件,该文件为工程的入口文件(类似于main函数)。

你也可以在浏览器中访问http://localhost:8081/index.delta?platform=android&dev=true&minify=false

查看是否成功


运行这个命令会将主机IP直接映射到模拟器的IP上,如果发现8081端口被占用,可以通过react-native run-android –port [你想使用的端口号] 启动模拟器,一般是在Dev Setting里设置server host & port 为127.0.0.1:8081

Windows 下在模拟器内按下Ctrl + M打开开发者模式:



点击Dev Settings进入开发者设置界面



找到Debug server host & port for device,设置127.0.0.1:8081



前期环境搭建和配置就写到这里,初学RN和区块链,若有遗漏和不对的地方请指正,后续也会不定期更新。