react native环境创建(nodejs的环境) android环境开发

(1)

安装:npm install -g react-native-cli

react-native-cli是用来开发React Native的命令行工具

上面这行代码将会帮助你在terminal中安装react-native命令。当然,你只需要运行一次这行代码。

(2)

由于众所周知的网络原因,react-native命令行从npm官方源拖代码时会遇上麻烦。请将npm仓库源替换为国内镜像:

npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global

另,执行init时切记不要在前面加上sudo(否则新项目的目录所有者会变为root而不是当前用户,导致一系列权限问题,请使用chown修复)。

(3)用 react-native init AwesomeProject 出现不成功,类似的“Uncaught Error: EPERM: operation not permitted,” 表示的 权限错误

后面加个  as administerator 就可以了。

(4)

npm install --save [email protected]  最后一个版本;node 升级

(5)

1, 产生签名的key

该过程会用到keytool,开发过安卓的都应该接触过该东西。详细请见密钥和证书管理工具
在项目的主目录中执行:

keytool -genkey -v -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000
[注:在产生的时候需要提供密钥和存储密码,后续会用到]

mv my-release-key.keystore android/app/

2, 修改android/gradle.properties文件,增加如下

MYAPP_RELEASE_STORE_FILE=my-release-key.keystore
MYAPP_RELEASE_KEY_ALIAS=my-key-alias
MYAPP_RELEASE_STORE_PASSWORD=xx
MYAPP_RELEASE_KEY_PASSWORD=xx
[注意替换xx为你自己设置的密钥和存储密码]

3, 修改android/app/build.gradle文件中的签名配置:

...
android {
  ...
  defaultConfig {
    ...
  }
  signingConfigs {
    release {
        storeFile file(MYAPP_RELEASE_STORE_FILE)
        storePassword MYAPP_RELEASE_STORE_PASSWORD
        keyAlias MYAPP_RELEASE_KEY_ALIAS
        keyPassword MYAPP_RELEASE_KEY_PASSWORD
    }
  }
  buildTypes {
    release {
      ...
      signingConfig signingConfigs.release
    }
  }
}

4, 然后进入android目录执行如下:

./gradlew assembleRelease

结束后会在android/app/build/outputs/apk/app-release.apk

每次执行前,注意将该apk删除。

 

Failed to read key from keystore 出现此问题,就是因为配置的不对,fuck找错误累死了;

release {
  storeFile file("release.keystore")
  storePassword ‘111111‘
  keyAlias ‘alias_name‘
  keyPassword ‘111111‘
}
debug {
  storeFile file("release.keystore")
  storePassword ‘111111‘
  keyAlias ‘alias_name‘
  keyPassword ‘111111‘
}

(转自:http://www.jianshu.com/p/32a99c273be1)

 
时间: 2024-10-06 19:25:28

react native环境创建(nodejs的环境) android环境开发的相关文章

【REACT NATIVE 系列教程之七】统一ANDROID与IOS两个平台的程序入口&&区分平台的组件简介

本站文章均为 李华明Himi 原创,转载务必在明显处注明: 转载自[黑米GameDev街区] 原文链接: http://www.himigame.com/react-native/2260.html       本篇介绍两个细节:       1. 关于如何将index.android.js 与index.ios.js统一管理起来.       2.  Platform 组件的简单介绍与使用   一:将index.android.js 与index.ios.js统一管理起来. 由于React本身

NodeJS+NPM+Bower+Android环境安装配置

一. 安装nodejs与npm 1. **安装nodejs:**进入官网[https://nodejs.org/](https://nodejs.org/ "https://nodejs.org/")下载安装包安装,一路next,安装后进入cmd,输入`node -v`,出现版本号说明安装成功. 2. **安装npm:**最新的nodejs已集成npm,输入`npm -v`出现版本号说明安装成功. - **配置npm的"全局模块"与"缓存"路径*

react native 入门 (1)- 环境搭建, 创建第一个Hello World

Create React Native App 是开始构建新的React Native应用程序的最简单方法.它允许您启动项目而无需安装或配置任何工具来构建本机代码 - 无需安装Xcode或Android Studio. 先安装Node.Js,则可以使用npm来安装create-react-native-app命令行实用程序: (NPM的全称是Node Package Manager,是一个NodeJS包管理和分发工具,已经成为了非官方的发布Node模块(包)的标准), npm install -

搭建React Native开发环境

原文地址:http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/setup-react-native-development-environment/ 安装Xcode 从App Store搜索下载.需要Apple Id账号. 安装Homebrew 打开Terminal,执行以下命令即可安装.详情请参考Homebrew官网(http://brew.sh/). install Homebrew # no need VPN /usr/bin

史上最详细Windows版本搭建安装React Native环境配置 转载,比官网的靠谱亲测可用

史上最详细Windows版本搭建安装React Native环境配置 2016/01/29 |  React Native技术文章 |  Sky丶清|  95条评论 |  33530 views 编辑推荐:稀土掘金 是一个高质量的技术社区,从 React Native 到 RxJava,性能优化到优秀开源库,让你不错过移动开发的每一个技术干货.各大应用市场搜索「掘金」,技术干货尽在掌握中. 说在前面的话: 感谢同事金晓冰倾情奉献本环境搭建教程 之前我们已经讲解了React Native的OS X

React Native开发环境搭建

安装Xcode 安装Homebrew 检查是否有警告 安装Android SDK 安装flow和watchman 安装nodejs 安装react-native-cli 安装Genymotion 安装Webstorm 10 创建React Native空项目 使用Webstorm编辑JSX代码文件 在iOS模拟器中运行 在Android模拟器中运行 安装Xcode 从App Store搜索下载.需要Apple Id账号. 安装Homebrew 打开Terminal,执行以下命令即可安装.详情请参

史上最详细Windows版本搭建安装React Native环境配置

说在前面的话: 感谢同事金晓冰倾情奉献本环境搭建教程 之前我们已经讲解了React Native的OS X系统的环境搭建以及配置,鉴于各大群里有很多人反应在Windows环境搭建出现各种问题,今天就特意更新一贴来说明.关于os x环境搭建以及react native入门学习资料请移步:http://www.lcode.org/react-native/ 刚创建的React Native技术交流3群(496508742),欢迎各位大牛,React Native技术爱好者加入交流!同时博客右侧欢迎微

React Native入门(一)环境搭建与Hello World

前言 目前关于React Native的教程很多,官方文档写的也不错,但是感觉大部分教程写的不是很清楚,导致我各种碰壁.因此我来写一个简洁的教程.本篇文章基于React Native 0.43,只适用于用Windows平台的Android开发者. 1.配置React Native 首先我们要先来安装一些软件,如下所示. Chocolatey Chocolatey是一个Windows上的命令行包管理器,安装了Chocolatey就可以通过命令行来安装一些我们需要软件.我们打开cmd命令行程序使用如

React Native学习笔记 -- 开发环境搭建

工欲善其事,必先利其器.这次主要介绍mac osx下React Native的开发环境的搭建. homebrew mac上的包管理工具,用于安装nodejs和其他一些工具软件,在terminal输入下面命令进行安装: /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 如果在安装过程中遇到提示ACCES: permission denied(

android测试开发环境搭建

本文档针对未接触过android的0基础人员,在开始熟悉android之前,首先需要一个学习环境来支撑,在此简单介绍一下android环境搭建.(当然大家也可以百度.谷歌,类似的文档很多) 环境搭建: JDK安装 如果你还没有JDK的话,可以去这里下载,根据电脑系统环境去下载对应的包,如我的是window系统64位的,则下载,安装包下载下来后,接下来的工作就是安装提示一步一步走,直到安装完成. 安装完成后,需要设置环境变量(我的电脑->属性->高级->环境变量->系统变量->