コンテンツへスキップ

はじめに

  1. パッケージをインストール

    Terminal window
    npm i @capgo/native-market
  2. ネイティブプロジェクトと同期

    Terminal window
    npx cap sync

プラグインをインポートし、そのメソッドを使用してユーザーをアプリストアにリダイレクトします:

import { NativeMarket } from '@capgo/native-market';
// アプリストアのリストを開く
const openAppStore = async () => {
await NativeMarket.openStoreListing({
appId: 'com.example.app' // アプリのバンドルID
});
};
// アプリレビューをリクエスト
const requestReview = async () => {
await NativeMarket.requestReview();
};
// アプリストア検索を開く
const searchInStore = async () => {
await NativeMarket.search({
terms: 'fitness app' // 検索語句
});
};

指定されたアプリのアプリストアリストを開きます。

interface OpenStoreListingOptions {
appId: string; // iOSのバンドルID、Androidのパッケージ名
}

ユーザーからアプリ内レビューをリクエストします。iOS 10.3以降では、アプリを離れることなく評価ダイアログを表示します。

検索結果とともにアプリストアを開きます。

interface SearchOptions {
terms: string; // 使用する検索語句
}
  • iOS 10.3以降でアプリ内レビューにSKStoreReviewControllerを使用
  • 古いバージョンではApp Storeを開くようにフォールバック
  • Google Play Storeを開く
  • 利用可能な場合はアプリ内レビューAPIを使用
import { NativeMarket } from '@capgo/native-market';
import { Capacitor } from '@capacitor/core';
export class AppService {
async rateApp() {
try {
// 最初にアプリ内レビューを試みる
await NativeMarket.requestReview();
} catch (error) {
// ストアリストを開くことにフォールバック
const platform = Capacitor.getPlatform();
const appId = platform === 'ios'
? 'id123456789' // iOSアプリID
: 'com.example.app'; // Androidパッケージ名
await NativeMarket.openStoreListing({ appId });
}
}
}