Open7
React
とっきーツール
- Android Studio for Windows (最新推奨)
- 環境変数の設定
- JAVA_HOME: C:\Program Files\Android\Android Studio\jre\bin
- ANDROID_HOME: C:\Users\username\AppData\Local\Android\Sdk
⇒Microsoft のページは情報が古くここにはJDKはない
C:\Program Files\Android\jdk ←ここにあるのを使うっぽい
- Node.js
とっきープロジェクトの作成
npx react-native init MyReactNativeApp
Androidデバイスでプロジェクトを実行する場合はUSBで接続
エミュレーターを使用する場合は、Android Studio既定のエミュレーターを使用するので操作は不要
※ツールバーのAVDマネージャーボタンをクリック
typescript 利用する場合
npx create-react-app --template typescript myapp
init版
npx react-native init MyApp --template react-native-template-typescript
プロジェクトの実行
npx react-native start --port ポート番号
npx react-native run-android --port ポート番号
apk作成
keytool -genkey -v -keystore your_app_name.keystore -alias your_app_name -keyalg RSA -keysize 2048 -validity 10000
生成されたキー（your_app_name.keystore）をandroid/appへ配置。
android/gradle.propertiesに以下を記述
MYAPP_RELEASE_STORE_FILE=your_app_name.keystore
MYAPP_RELEASE_KEY_ALIAS=your_app_name
MYAPP_RELEASE_STORE_PASSWORD=your_password
MYAPP_RELEASE_KEY_PASSWORD=your_password
build.gradleにsigningConfigsを追加
...
android {
...
defaultConfig { ... }
signingConfigs {
release {
if (project.hasProperty('MYAPP_RELEASE_STORE_FILE')) {
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
}
}
}
...
cd android && ./gradlew assembleRelease
android/app/build/outputs/apk/release/app-release.apk が作成される。