すべてのプロダクト
Search
ドキュメントセンター

SuperApp:uni-app uni-app ミニアプリの開発

最終更新日:Jan 18, 2025

このトピックでは、uni-app ミニアプリの開発方法について説明します。

開発プロセス

uni-app ミニアプリの開発には、ネイティブアプリの開発者と uni-app ミニアプリの開発者の 2 つのロールが関係します。

  • ネイティブアプリの開発者は、uni-app ミニアプリコンテナーまたはその他の Enterprise Mobile Application Studio (EMAS) コンポーネントを統合することにより、Superapp ソリューションをネイティブアプリに統合します。

  • uni-app ミニアプリの開発者は、スキャフォールディングを使用してミニアプリを迅速に開発します。

image

前提条件

ステップ 1: アプリを作成する

EMAS の Application Open Platform で、アプリを作成し、アプリの ID を取得します。 ID を指定して uni-app ミニアプリを設定し、ミニアプリプロジェクトを EMAS に統合できます。 その後、EMAS を使用してミニアプリをビルド、パッケージ化、および公開できます。 詳細については、「アプリを作成する」をご参照ください。image

ステップ 2: HBuilderX 拡張機能をインストールして構成する

HBuilderX 拡張機能をオフラインでインストールします。 拡張機能がインストールおよび構成されると、システムは HBuilderX で uni-app ミニアプリを公開すると同時に、ミニアプリアーティファクトを Application Open Platform に同期できます。 詳細については、「HBuilderX 拡張機能をインストールして構成する」をご参照ください。

image..png

ステップ 3: uni-app プロジェクトをデバッグする

uni-app プロジェクトを実行した後、右上隅にある image アイコンをクリックするか、[デバッグ] を選択してプロジェクトをデバッグできます。 詳細については、「デバッグ」をご参照ください。

HBuilder5

ステップ 4: ミニアプリをビルド、パッケージ化、および公開する

uni-app プロジェクトをデバッグした後、uni-app プロジェクトを uni-app ミニアプリにパッケージ化し、ミニアプリアーティファクトを Application Open Platform に同期できます。 あるいは、ローカルでビルドされた uni-app ミニアプリを Application Open Platform に直接同期するか、uni-app プロジェクトをネイティブアプリにパッケージ化し、ミニアプリコンテナーをネイティブアプリに統合することもできます。 詳細については、「ミニアプリをビルド、パッケージ化、および公開する」をご参照ください。

image..png

ステップ 5: カナリアリリースを実行する

Application Open Platform で、承認されたアプリのカナリアリリースを作成します。 詳細については、「バージョンを公開する」をご参照ください。image

ステップ 6: ミニアプリを公開する

Application Open Platform で、アプリのカナリアリリースバージョンを公開します。 詳細については、「バージョンを公開する」をご参照ください。image

ステップ 7: ミニアプリをプレビューする

ミニアプリが公開されると、ミニアプリの QR コードが生成されます。 Superapp を使用して QR コードをスキャンし、ミニアプリをプレビューできます。

参照

uni-app の詳細については、uni-app 公式ドキュメント を参照してください。