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

Mobile Platform as a Service:クイックスタート

最終更新日:Jan 17, 2025

ミニプログラムを開発する手順は以下のとおりです。

  1. IDE をダウンロードする

  2. ミニプログラムを作成する

  3. 構成ファイルをダウンロードする

  4. ミニプログラム IDE にログインする

  5. 関連付けられたミニプログラムを選択する

  6. コードを編集する

  7. ミニプログラムをアップロードする

  8. ミニプログラムをリリースする

IDE をダウンロードする

ミニプログラム開発ツール(IDE)をダウンロードします。

ミニプログラムを作成する

  1. ミニプログラム IDE をダウンロードしてインストールした後、IDE を開き、左側のリストから ミニプログラム+mPaaSテンプレートを選択 をクリックし、右側の をクリックして作成ページを開き、 と をクリックします。

    de8c815fa172405753cb3dd16d7d9be9.png

  2. プロジェクト作成ページで [プロジェクト名][プロジェクトパス] を設定し、[完了] をクリックしてミニプログラムを作成します。

    重要
    • uniapp テンプレートでは、v18 より前のノードバージョンを使用することをお勧めします。uniapp テンプレートは、新しいバージョンのノードとの互換性の問題が発生する可能性があるため、潜在的な問題を回避するために、以前のノードバージョンを使用することをお勧めします。

    • YARN を使用した依存関係のインストール手順は次のとおりです。

      1. コマンドラインツールを開き、プロジェクトが配置されているルートディレクトリに移動します。

      2. yarn install コマンドを実行します。

      上記の手順を実行すると、必要な依存関係がインストールされ、開発環境が起動します。その後、uniapp プロジェクトを開発およびデバッグできます。

    構成ファイルをダウンロードする

    新しい環境を作成するたびに、コンソールからダウンロードした対応するミニプログラムの IDE 構成ファイルをアップロードする必要があります。

    1. mPaaS コンソール にログインします。左側のナビゲーションウィンドウで、ミニプログラムミニプログラムのリリース構成の管理管理するIDE の構成構成ファイルをダウンロード > > を選択します。表示されたページで、 をクリックし、 をクリックして IDE 構成ファイルをダウンロードします。

      説明

      IDE 構成ファイル は、mPaaS アプリケーションの構成ファイルとは異なります。

      2.jpg

    2. 構成ファイルをダウンロード構成ファイルをダウンロード動的パスワード をクリックすると、 ダイアログボックスが表示されます。 フィールドにパスワードを入力する必要があります。パスワードは IDE にログインするために使用されます。

      説明

      ダウンロードされた構成ファイルのデフォルト名は config.json です。

    ミニプログラム IDE にログインする

    ミニプログラム IDE にログインするには、2 つの方法があります。

    動的パスワードログイン方法

    1. ミニプログラム IDE で、右上隅の ログオン をクリックします。

    2. ログイン環境が作成されていない場合は、[環境の追加] ウィンドウが表示されます。ログイン環境が作成されている場合は、[ログイン] ウィンドウが表示されます。

      • 初めてログイン環境を作成する 場合は、現在のウィンドウに環境名を入力し、mPaaS コンソールからダウンロードした 初めてミニプログラム IDE 構成ファイルconfig.jsonimage.png( ファイル)をアップロードします。

      • ログイン環境を作成済みの場合は、ウィンドウ上部の環境選択メニューをクリックし、メニュー下部の [+ 環境の追加] を選択し、環境名を入力して、mPaaS コンソールからダウンロードした ミニプログラム IDE 構成ファイルconfig.json ファイル)をアップロードします。

        image.png

    3. [OK] をクリックして、新しいログイン環境を作成します。

    4. ログイン環境を正常に追加した後、ログインウィンドウでアカウントとパスワードを入力してログインします。

      image.png

    Aliyun AccessKey ログイン方法

    重要

    Aliyun AccessKey を使用する場合は、mPaaS ミニプログラム IDE をバージョン 2.9 以降にアップグレードする必要があります。

    1. Alibaba Cloud コンソールの右上隅にあるプロファイル イメージにポインターを移動し、[accesskey 管理] をクリックして Aliyun AccessKey を有効にします。

      image.png

      重要
      • Alibaba Cloud アカウントまたは RAM ユーザーの AccessKey ペアを使用して、API 操作を呼び出すことができます。

      • Alibaba Cloud アカウントの AccessKey ペアを使用して API 操作を呼び出す場合は、AccessKey ペアを作成する必要があります。

      • RAM ユーザーの権限は制御可能で管理が容易であるため、Alibaba Cloud アカウントではなく RAM ユーザーの AccessKey ペアを使用して API 操作を呼び出すことをお勧めします。

    2. [RAM ユーザーのアクセスキーペアを使用] をクリックします。

      image.png

    3. [ユーザーの作成] をクリックします。[ユーザーの作成] ページが表示されます。

      image.png

    4. [ログオン名][表示名] を設定し、[openapi アクセス] を選択して、[OK] をクリックします。

      image.png

    5. 生成された AccessKey ID と AccessKey シークレットをコピーして保管します。AccessKey ID と AccessKey シークレットをコピーしなかった場合は、再度生成できます。

      image.png

    6. アクション列の [権限の追加] をクリックします。[権限の追加] ページが表示されます。

      image.png

    7. [権限の選択] 検索ボックスに MpaaSFullAccess と入力し、AliyunMpaaSFullAccess を選択して、[OK] をクリックします。作成したユーザーに mPaaS 権限を追加します。

      image.png

    8. エディターでダウンロードした 構成ファイル を開き、次のコンテンツを入力してファイルを保存します。

      {
       // 元の構成ファイルの内容,
        "openapi": {
          "type": "aliyun",
          "accessKeyId": "手順 5 で生成された AccessKey ID",
          "accessKeySecret": "手順 5 で生成された AccessKey シークレット",
          "endpoint": "mpaas.cn-hangzhou.aliyuncs.com",
          "userId": "手順 5 で入力したユーザー名"
        }
      }

      1.jpg

    9. mPaaS ミニプログラム IDE で、[ログイン] をクリックして、[ログイン] ページを開きます。

      1

    10. [+ 環境の追加] をクリックして、[ログオン環境の追加] ページを開きます。

      2

    11. [環境名] フィールドに環境名を入力し、手順 8 で構成した [構成ファイル] をアップロードして、[OK] をクリックします。

      3ログオン ダイアログボックスに Aliyun AccessKey が表示されたら、[ログイン] をクリックします。

      image.png

    関連付けられたミニプログラムを選択する

    IDE にログインした後、左上隅の アプリを選択 をクリックし、ドロップダウンリストからコンソールで作成したミニプログラムを選択します。

    image.png

    コードを編集する

    関連付けられたミニプログラムを選択した後、コードの編集を開始できます。

    image.png

    ミニプログラムをアップロードする

    コードを編集した後、IDE の右上隅にある [アップロード] をクリックして、ミニプログラムを mPaaS コンソールにアップロードします。

    image.png

    ミニプログラムをリリースする

    mPaaS コンソール にログオンします。左側のナビゲーションウィンドウで、ミニプログラム > Mii プログラムをリリース を選択します。詳細については、「ミニプログラムパッケージをリリースする」をご参照ください。