WeChat ミニプログラムをゼロから開発する (1)

小云云

リリース： 2018-03-21 09:40:18

オリジナル

4016 人が閲覧しました

この記事では、主に WeChat アプレットをゼロから開発する方法 (1) について説明します。その後、引き続き WeChat アプレットをゼロから開発する方法 (2) を紹介します。

1: 登録
WeChat パブリックプラットフォームに登録されていないメールアドレスを使用して WeChat パブリックアカウントを登録します。アカウントを申請するには、https://mp.weixin.qq.com/wxopen/waregister?action をクリックしてください。 =step1 に情報を入力し、ガイドラインに従って送信すると、独自のミニプログラムアカウントを取得できます。登録が完了したらログインします。

画像

2: https://mp.weixin.qq.comにログインします

ミニプログラムのAppIDは、メニューの「設定」-「開発設定」で確認できます。ミニプログラムの AppID は、ミニプログラムプラットフォームの ID カードに相当します。この AppID は、後でさまざまな場所で使用します (これは、サービスアカウントまたはサブスクリプションアカウントの AppID とは異なる必要があることに注意してください)。ミニプログラムアカウントを取得したら、ミニプログラムを開発するためのツールが必要になります。
公式チュートリアルに従って開発します https://mp.weixin.qq.com/debug/wxadoc/dev/

image

3: 開発ツールをインストールします

開発者ツールのダウンロードページに移動し、指示に従ってください独自の操作システムは、対応するインストールパッケージをダウンロードしてインストールします。開発者ツールの詳細については、「開発者ツールの概要」を参照してください。ミニプログラム開発者ツールを開き、WeChat を使用して QR コードをスキャンして開発者ツールにログインし、最初のミニプログラムを開発する準備を整えましょう。私のコンピューターは 64 ビットです:

image

4: インストールが完了したら

最初のアプレットを開きます: 新しいプロジェクトを作成し、アプレットプロジェクトを選択し、コードが保存されているハードディスクパスを選択しますが保存されている場合は、申請したばかりのミニプログラムの AppID を入力し、プロジェクトに適切な名前を付けて、最後に「クイックスタートプロジェクトの作成」にチェックを入れます (注: このオプションを使用するには空のディレクトリを選択する必要があります)。これで、最初のアプレットが作成されました。トップメニューの [コンパイル] をクリックして、IDE で最初のアプレットをプレビューします。

画像

5: コンパイルプレビュー

ツールのコンパイルボタンをクリックすると、ツールの左側のシミュレータインターフェイスにこの小さなプログラムが表示されます。ツールのパフォーマンスに加えて、プレビューボタンをクリックして、WeChat でスキャンして携帯電話で最初のミニプログラムを体験することもできます。 OK、最初のミニプログラムが正常に作成され、WeChat クライアントでのスムーズなパフォーマンスを体験できました。