[Flutter] 앱의 이름, ID, 아이콘 변경하기

<분류>
A. 수단
- OS/Platform/Tool : Linux, Kubernetes(k8s), Docker, AWS
- Package Manager : node.js, yarn, brew, 
- Compiler/Transpillar : React, Nvcc, gcc/g++, Babel, Flutter
- Module Bundler  : React, Webpack, Parcel

B. 언어
- C/C++, python, Javacsript, Typescript, Go-Lang, CUDA, Dart, HTML/CSS

C. 라이브러리 및 프레임워크 및 SDK
- OpenCV, OpenCL, FastAPI, PyTorch, Tensorflow, Nsight

 

---

1. What? (현상)

앱을 배포하기 전에 바꾸어 주어야할 앱 이름과 ID, 아이콘에 대해서 설명하고자 합니다.

앱 이름은 사용자에게 보여지는 앱의 이름이며, 앱 ID는 프로젝트 생성시 com.example.project_name과 같이 배포시에는 유니크한 ID로 유지가 되어야 한다고 합니다. 보통 Android는 Package ID라 하며 iOS는 Bundle ID라고 합니다.

ID를 정하는 방법에 있어서는  com.kotlin.tutorial와 같이 URL(도메인이름)을 거꾸로 입력하는 형태를 많이 사용한다고 합니다. 예를 들어 domain 이름이 kotlin.com 이고 프로젝트의 이름이 tutorial 이라면, domain을 거꾸로 하고 프로젝트를 붙여줍니다. 그리고 그뒤에 기능별로 세분화하기도 합니다.

이 ID에는 하나의 앱에서 명시적으로 사용되는 Explicit App ID와 여러 앱에서 사용되는 Wildcard App ID가 있습니다.

• Explicit App ID : A1B2C3D4E5.com.domainname.applicationname
• Wildcard App ID : A1B2C3D4E5.com.domainname.*

마지막으로 앱 아이콘은 프로젝트를 보이기 위한 그림입니다. 앱 아이콘의 예로 https://www.appicon.co/에 들어가 1024x1024 사진파일을 아이콘 포맷으로 바꾸고 다운로드 해보면 다음과 같은 구조를 가집니다. 

• AppIcons
  ├── appstore.png
  ├── playstore.png
  ├── android
        ├── mipmap-hdpi
        ├── mipmap-mdpi
        ├── mipmap-xhdpi
        ├── mipmap-xxhdpi
        └── mipmap-xxxhdpi
  └── Assets.xcassets
        └── AppIcon.appiconset

---

2. Why? (원인)

• X

---

3. How? (해결책)

1. 앱이름 바꾸기

- iOS

ios/Runner/Info.plist에서 아래와 같이 CFBundleDisplayName Key아래 있는 이름을 변경해줍니다.

<dict>
    ...
    <key>CFBundleDisplayName</key>
    <string>앱 이름</string>
    ...
</dict>

- Android

android/app/src/main/AndroidManifest.xml에서 아래와 같이 label에 해당하는 값을 변경해줍니다.

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.app">
    <application
        android:label="앱 이름"
        android:name="${applicationName}"
        android:icon="@mipmap/launcher_icon">
    ...
    </application>
</manifest>

2. 앱 ID 바꾸기

- iOS

open ios/Runner.xcworkspace을 실행한 다음에 Xcode에서 Targets>Runner>Bundle Identifier에서 변경해줍니다.

[Bundle Identifier의 위치]

- Android

android/app/build.gradle에서 defaultConfig>applicationId의 값을 변경해줍니다.

defaultConfig {
    // TODO: Specify your own unique Application ID (https://developer.android.com/studio/build/application-id.html).
    applicationId "com.example.앱_ID"
    ...
}

3. 앱 아이콘 바꾸기

- iOS

ios/Runner/Assets.xcassets 폴더 위치에 있는 AppIcon.appiconset폴더를 위 아이콘 폴더에 있는 폴더로 대체해서 바꿔줍니다.

- Android

 android/app/src/main/res 폴더 위치에 있는 mipmap-hdpi, mapmap-mdpi 등등 위 아이콘 폴더에 있는 폴더들을 대체해서 바꿔줍니다.

 

---

https://dev-yakuza.posstree.com/ko/flutter/app-name/

https://velog.io/@ragnarok_code/%EC%95%A0%ED%94%8C%EC%9D%98-%EB%B2%88%EB%93%A4%EA%B3%BC-%EC%95%88%EB%93%9C%EB%A1%9C%EC%9D%B4%EB%93%9C%EC%9D%98-%ED%8C%A8%ED%82%A4%EC%A7%80