[React Native] 앱 버전 정보 규칙과 앱 버전 정보 조회하기 - 리액트네이티브

거의 모든 앱들을 보면 설정 메뉴에 앱 버전이라고 명시되어 있는 숫자들을 볼 수 있습니다.

이 버전을 생성하는 규칙과 리액트 네이티브에서 앱 버전과 스토어에 출시된 최신 버전을 가져오는 방법 입니다.

---

# 버전 규칙

1.10.3 이라는 버전이 있다고 한다면 각각 Major, Minor, Patch를 의미합니다.

• Major (1) : 필수 업데이트가 필요하며, 업데이트 하지 않으면 앱을 정상적으로 사용할 수 없음.
• Minor (10) : 업데이트가 선택이며, 새로운 기능 추가 또는 수정이 이루어진 경우로 업데이트 하지 않아도 앱 사용 가능.
• Patch (3) : 업데이트가 선택이며, 영향도 적은 버그 및 오류를 수정한 경우로 업데이트 하지 않아도 앱 사용 가능.

# 버전 증가

1.10.3 이라는 버전에서

Minor를 11로 증가하여 업데이트 한 경우 : 버전은 1.11.0 으로 Patch 버전을 초기화 해준다.

Major를 2로 증가하여 업데이트 한 경우 : 버전은 2.0.0 으로 Minor와 Patch 버전을 0으로 초기화 해준다.

---

* 리액트 네이티브에서 앱 버전 가져오기

 

# version check 라이브러리 설치

npm install react-native-version-check

# 설치된 앱 및 스토어 최신 version 앱 정보 조회하기

import VersionCheck from 'react-native-version-check';

const [appVersion, setAppVersion] = useState("");
const [appLatestVersion, setAppLatestVersion] = useState("");

setAppVersion(VersionCheck.getCurrentVersion());

VersionCheck.getLatestVersion({
  provider: 'playStore'  // Android용
})
.then(latestVersion => {
setAppLatestVersion(latestVersion);
});

console.log(appVersion);       // 현재 앱 버전 1.11.0
console.log(appLatestVersion); // 스토어에 올라가있는 최신 앱 버전 1.11.0
}

위와 같이 구현하여 화면에 적용한 예제 입니다.

설치된 앱 버전과 스토어 최신 앱 버전 화면