スーパーアプリ ソリューションを使用すると、Visual Studio Code 拡張機能を使用して、WindVane スキャフォールディング プロジェクトの初期化、パッケージ化、ビルドを行い、Application Open Platform を使用して WindVane ミニアプリを公開できます。このトピックでは、Visual Studio Code を使用して WindVane ミニアプリを迅速に開発する方法について説明します。
開発プロセス
WindVane ミニアプリの開発には、ネイティブアプリの開発者と WindVane ミニアプリの開発者の 2 つのロールが関与します。
ネイティブアプリの開発者は、WindVane ミニアプリ コンテナーまたはその他の EMAS コンポーネントアプリを統合することにより、スーパーアプリ ソリューションをネイティブアプリに統合します。
WindVane ミニアプリの開発者は、スキャフォールディングを使用してミニアプリを迅速に開発します。
前提条件
ネイティブアプリが利用可能です。
ミニアプリ コンテナーがネイティブアプリに統合されています。
ミニアプリ コンテナーを Android アプリに統合する方法の詳細については、「ネイティブアプリにミニアプリ コンテナーを統合する」をご参照ください。
ミニアプリ コンテナーを iOS アプリに統合する方法の詳細については、「ネイティブアプリにミニアプリ コンテナーを統合する」をご参照ください。
手順 1：拡張機能をインストールする
WindVane ミニアプリ用の Visual Studio Code 拡張機能をダウンロードしてインストールします。詳細については、「WindVane 用の Visual Studio Code 拡張機能をインストールする」をご参照ください。
手順 2：WindVane ミニアプリ用のスキャフォールディングを初期化する
Visual Studio Code で WindVane ミニアプリ用のスキャフォールディングを初期化します。詳細については、「ミニアプリ用のスキャフォールディングを使用する」をご参照ください。
手順 3：ミニアプリ プロジェクトを EMAS にバインドする
EMAS の Application Open Platform にログインし、アプリケーションを作成してから、Visual Studio Code でアプリケーションをミニアプリ プロジェクトにバインドします。詳細については、「ミニアプリ プロジェクトを EMAS にバインドする」をご参照ください。
手順 4：ミニアプリ プロジェクトをプレビューおよびデバッグする
Visual Studio Code でミニアプリ プロジェクトをプレビューおよびデバッグします。シミュレーターでミニアプリ プロジェクトをデバッグすることもできます。詳細については、「ミニアプリをプレビューおよびデバッグする」をご参照ください。
手順 5：ミニアプリをパッケージ化、ビルド、および公開する
Visual Studio Code を使用してミニアプリ プロジェクトをパッケージ化およびビルドし、Application Open Platform を使用してミニアプリを公開します。詳細については、「ミニアプリをパッケージ化、ビルド、および公開する」をご参照ください。