좌충우돌 개발 블로그

앱을 출시하기 위해서 빌드를 해야한다.

1. keytool로 업로드 키를 생성한다.
   my-upload-key.keystore와 my-key-alias는 변경해도 된다.

   $ keytool -genkeypair -v -keystore my-upload-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000

2. android/gradle.properties에 다음을 추가한다.

   MYAPP_UPLOAD_STORE_FILE=my-upload-key.keystore
   MYAPP_UPLOAD_KEY_ALIAS=my-key-alias
   MYAPP_UPLOAD_STORE_PASSWORD=*****
   MYAPP_UPLOAD_KEY_PASSWORD=*****

3. android/app/build.gradle에 다음을 추가한다.

   ...
   android {
    ...
    defaultConfig { ... }
    signingConfigs {
        release {
            if (project.hasProperty('MYAPP_UPLOAD_STORE_FILE')) {
                storeFile file(MYAPP_UPLOAD_STORE_FILE)
                storePassword MYAPP_UPLOAD_STORE_PASSWORD
                keyAlias MYAPP_UPLOAD_KEY_ALIAS
                keyPassword MYAPP_UPLOAD_KEY_PASSWORD
            }
        }
    }
    buildTypes {
        release {
            ...
            signingConfig signingConfigs.release
        }
    }
   }
   ...

4. 릴리스용 APK를 생성한다.

   $ cd android
   $ ./gradlew bundleRelease

   andorid/app/build/outputs/bundle/release에 app.aab로 생성된다.

5. CPU 아키텍처별로 APK를 생성한다.

   ...
   def enableSeparateBuildPerCPUArchitecture = true
   ...

   ./gradlew assembleRelease를 실행하면 CPU 아키텍처별로
   andorid/app/build/outputs/apk/release에 APK가 생성된다.

6. android/app/build.gradle에 다음을 변경하면 파일 크기를 줄일 수 있다.

   ...
   def enableProguardInReleaseBuilds = true
   ...

참고 문헌

1. https://facebook.github.io/react-native/docs/signed-apk-android

React Native로 개발한 앱을 안드로이드 에뮬레이터로 보기위해선 다음을 실행하여 에뮬레이터를 먼저 실행해야 한다.

android avd

하지만 무슨 이유에서인지 실행이 안되었는데 이유는 docker와 충돌이 나서였다.

이를 해결하기 위해 docker를 종료하고 에뮬레이터를 실행하여 문제를 해결했다.

참고 문헌

1. https://github.com/moby/moby/issues/24530

React Native에서 특정 폰트를 사용하기 위해서 폰트를 추가해야하는데 다음과 같이 하면 된다.

1. fonts 디렉토리를 만들어 폰트를 넣어준다.

   react-native-app
   │   README.md
   │   index.ios.js
   │   index.android.js
   └── ios
   └── android
   └── src
   │   │
   │   └── assets
   │       └── fonts
   │            └── 폰트

2. rnpm을 설치한다.

   $ npm install -g rnpm

3. package.json에 다음을 추가한다.

   ...
   "rnpm": {
    "assets": [
      "src/assets/fonts"
    ]
   }

4. 다음 명령어를 실행하면 ios/andorid에 자동으로 폰트가 추가된다.

   $ rnpm link assets

5. 다음처럼 스타일을 적용하는 부분에 넣어 사용하면 된다.

   fontFamily: '폰트이름'

참고 문헌

1. https://kylealwyn.com/blog/custom-fonts-with-react-native