[flutter] 플러터 velocity_x에서 제공하는 앱의 팬스토어 또는 앱스토어 연동하기

14 Dec 2023

flutter

팬스토어 또는 앱스토어 연동하기

velocity_x는 앱 개발을 쉽게 해주는 Flutter용 UI 라이브러리입니다. 이 라이브러리를 사용하여 앱 내에서 팬스토어 또는 앱스토어로의 연동을 아래와 같이 수행할 수 있습니다.

팬스토어 연동

먼저, 팬스토어로의 연동하는 방법을 알아보겠습니다. 이를 위해 팬스토어의 패키지 관리자(package_info_plus)를 사용할 수 있습니다. 먼저 pubspec.yaml 파일에 package_info_plus 패키지를 추가합니다.

dependencies:
  package_info_plus: ^1.3.0

이제 팬스토어에 연결하여 리뷰를 작성하는 버튼을 만들어보겠습니다. 아래 코드는 FlatButton 위젯과 launch 패키지를 이용하여 팬스토어로의 연동을 구현한 예시입니다.

import 'package:flutter/material.dart';
import 'package:package_info_plus/package_info_plus.dart';
import 'package:url_launcher/url_launcher.dart';

FlatButton(
  onPressed: () => _launchStore(),
  child: Text('리뷰 작성하기'),
);

_launchStore() async {
  PackageInfo packageInfo = await PackageInfo.fromPlatform();
  String packageName = packageInfo.packageName;
  
  String url = 'market://details?id=$packageName';
  if (await canLaunch(url)) {
    await launch(url);
  } else {
    throw '팬스토어를 열 수 없습니다: $url';
  }
}

앱스토어 연동

앱스토어로의 연동하는 방법은 팬스토어와 비슷하지만, 앱스토어의 경우에는 url_launcher 패키지가 아닌 별도의 패키지인 store_launcher를 사용해야 합니다.

dependencies:
  store_launcher: ^1.0.4

아래 예시는 앱스토어로의 리뷰 연동 코드입니다.

import 'package:flutter/material.dart';
import 'package:package_info_plus/package_info_plus.dart';
import 'package:store_launcher/store_launcher.dart';

FlatButton(
  onPressed: () => _launchStore(),
  child: Text('리뷰 작성하기'),
);

_launchStore() async {
  PackageInfo packageInfo = await PackageInfo.fromPlatform();
  StoreLauncher.openWithStore('앱의 패키지 명');
}

결론

이렇게 하면 velocity_x를 이용하여 팬스토어 또는 앱스토어와의 연동을 간단히 구현할 수 있습니다.

감사합니다!

목차

팬스토어 또는 앱스토어 연동하기

팬스토어 연동

앱스토어 연동

결론