ミニプログラムを開発する手順は次のとおりです。
IDE のダウンロード
ミニプログラム開発者ツール (IDE) をダウンロードします。
ミニプログラムの作成
ミニプログラム IDE をダウンロードしてインストールした後、IDE を開き、左側のリストから [ミニプログラム] をクリックし、右側の [+] をクリックして作成ページを開き、[mPaaS] をクリックして [テンプレートを選択] をクリックします。
プロジェクト作成ページで [プロジェクト名] と [プロジェクトパス] を設定し、[完了] をクリックしてミニプログラムを作成します。
重要uniapp テンプレートでは、v18 より前のバージョンの Node.js を使用することを推奨します。uniapp テンプレートは新しいバージョンの Node.js と互換性の問題が発生する可能性があるため、潜在的な問題を避けるために古いバージョンの Node.js を使用することを推奨します。
YARN を使用した依存関係のインストール手順は次のとおりです。
コマンドラインツールを開き、プロジェクトが配置されているルートディレクトリに移動します。
yarn installコマンドを実行します。
上記の手順を実行すると、必要な依存関係がインストールされ、開発環境が起動します。その後、uniapp プロジェクトの開発とデバッグができます。
構成ファイルのダウンロード
新しい環境を作成するたびに、コンソールからダウンロードした対応するミニプログラムの IDE 構成ファイルをアップロードする必要があります。
mPaaS コンソールにログインします。左側のナビゲーションウィンドウで、[ミニプログラム] > [ミニプログラムリリース] > [構成の管理] を選択します。表示されたページで、[IDE 構成の管理] をクリックし、[構成ファイルのダウンロード] をクリックして IDE 構成ファイルをダウンロードします。
説明IDE 構成ファイルは、mPaaS アプリケーションの構成ファイルとは異なります。
[構成ファイルのダウンロード] をクリックすると、[構成ファイルのダウンロード] ダイアログボックスが表示されます。[動的パスワード] フィールドにパスワードを入力する必要があります。このパスワードは IDE へのログインに使用されます。
説明ダウンロードされた構成ファイルのデフォルト名は
config.jsonです。
ミニプログラム IDE へのログイン
ミニプログラム IDE には 2 つの方法でログインできます。
動的パスワードによるログイン方法
ミニプログラム IDE で、右上隅の [ログイン] をクリックします。
ログイン環境が作成されていない場合は、[環境の追加] ウィンドウが表示されます。ログイン環境が作成されている場合は、[ログイン] ウィンドウが表示されます。
初めてログイン環境を作成する場合は、現在のウィンドウに環境名を入力し、mPaaS コンソールからダウンロードしたミニプログラム IDE 構成ファイル (
config.jsonファイル) をアップロードします。
すでにログイン環境を作成している場合は、ウィンドウ上部の環境選択メニューをクリックし、メニュー下部の [+ 環境の追加] を選択し、環境名を入力してから、mPaaS コンソールからダウンロードしたミニプログラム IDE 構成ファイル (
config.jsonファイル) をアップロードします。
[OK] をクリックして、新しいログイン環境を作成します。
ログイン環境の追加に成功したら、ログインウィンドウでアカウントとパスワードを入力してログインします。
アカウントは、Alibaba Cloud コンソールへのログインに使用するユーザー名です。
パスワードは、構成ファイルをダウンロードする際に設定した動的パスワードです。
Aliyun AccessKey によるログイン方法
重要Aliyun AccessKey を使用する場合は、mPaaS ミニプログラム IDE をバージョン 2.9 以降にアップグレードする必要があります。
Alibaba Cloud コンソールの右上隅にあるプロファイルイメージにポインターを合わせ、[AccessKey の管理] をクリックして Aliyun AccessKey を有効にします。
重要Alibaba Cloud アカウントまたは RAM ユーザーの AccessKey ペアを使用して API 操作を呼び出すことができます。
Alibaba Cloud アカウントの AccessKey ペアを使用して API 操作を呼び出す場合は、AccessKey ペアを作成する必要があります。
RAM ユーザーの権限は制御可能で管理が容易なため、API 操作の呼び出しには Alibaba Cloud アカウントの AccessKey ペアではなく、RAM ユーザーの AccessKey ペアを使用することを推奨します。
[RAM ユーザーの AccessKey ペアを使用] をクリックします。
[ユーザー作成] をクリックします。[ユーザー作成] ページが表示されます。
[ログオン名] と [表示名] を設定し、[OpenAPI アクセス] を選択して、[OK] をクリックします。
生成された AccessKey ID と AccessKey Secret をコピーして保管してください。AccessKey ID と AccessKey Secret をコピーしなかった場合は、再度生成できます。
「操作」列の[権限の追加]をクリックします。[権限の追加]ページが表示されます。
[権限の選択] 検索ボックスに MpaaSFullAccess と入力し、AliyunMpaaSFullAccess を選択してから、[OK] をクリックします。作成したユーザーに mPaaS の権限を追加します。
エディターでダウンロードした構成ファイルを開き、次の内容を入力してファイルを保存します。
{ // 元の構成ファイルの内容, "openapi": { "type": "aliyun", "accessKeyId": "ステップ 5 で生成された AccessKey ID", "accessKeySecret": "ステップ 5 で生成された AccessKey Secret", "endpoint": "mpaas.cn-hangzhou.aliyuncs.com", "userId": "ステップ 5 で入力したユーザー名" } }
mPaaS ミニプログラム IDE で、[ログイン] をクリックして [ログイン] ページを開きます。
[+ 環境の追加] をクリックして [ログオン環境の追加] ページを開きます。
[環境名] フィールドに環境名を入力し、ステップ 8 で構成した [構成ファイル] をアップロードして、[OK] をクリックします。
ログインダイアログボックスに [Aliyun AccessKey] と表示されたら、[ログイン] をクリックします。
関連ミニプログラムの選択
IDE にログインした後、左上隅の [アプリの選択] をクリックし、ドロップダウンリストからコンソールで作成したミニプログラムを選択します。
コードの編集
関連するミニプログラムを選択した後、コードの編集を開始できます。
ミニプログラムのアップロード
コードの編集後、IDE の右上隅にある [アップロード] をクリックして、ミニプログラムを mPaaS コンソールにアップロードします。
ミニプログラムのリリース
mPaaS コンソールにログインします。左側のナビゲーションウィンドウで、[ミニプログラム] > [ミニプログラムのリリース] を選択します。詳細については、「ミニプログラムパッケージの公開」をご参照ください。