WeChatミニプログラムに登録する
まず、 WeChat、「今すぐ登録」ボタンをクリックして登録します。登録されているアカウントの種類は「ミニプログラム」です。
次にアカウント情報を入力します
入力する電子メール アドレスは、WeChat パブリック プラットフォームに登録されていない電子メール アドレス、または個人の WeChat アカウントにバインドされていない電子メール アドレスである必要があり、各電子メール アドレスは 1 つのミニ プログラムにのみ応募できることに注意してください。
メールボックスを起動後、件名タイプを「個人タイプ」に選択し、必要に応じて件名情報を登録します。
件名情報は送信後は変更できません。件名は、WeChat パブリック プラットフォームのサービスと機能を使用するための唯一の法的件名および契約件名となり、その後他のビジネス機能が開始されるときに変更または変更することはできません。
すべて問題なければ、アプレットの管理プラットフォームに直接入ることができます。
次に、左側のナビゲーション バーで [設定] をクリックし、開発設定を見つけて、アプレットの AppID を取得します。
WeChat開発者ツールのダウンロード
WeChat Web 開発者ツールをダウンロードし、お使いのオペレーティング システムに応じて対応するインストール パッケージをダウンロードしてインストールします。
開発者ツールを開き、WeChat で QR コードをスキャンして開発者ツールにログインし、最初のミニ プログラムを開発する準備を整えましょう。
アプレットの開発
新しいプロジェクト
開発者ツールを開き、「ミニ プログラム プロジェクト」を選択し、右下隅の「+」をクリックして新しいプロジェクトを作成します。
プロジェクトディレクトリとして空のフォルダーを選択し、先ほどのAppIDを入力し、プロジェクト名を入力します。「OK」をクリックしてツールのメインインターフェイスに入ります。
プロジェクトのディレクトリ構造
WeChat アプレットの基本的なファイル構造とプロジェクト ディレクトリ構造は次のとおりです。
├── app.js # 小程序的逻辑文件
├── app.json # 小程序的配置文件
├── app.wxss # 全局公共样式文件
├── pages # 存放小程序的各个页面
│ ├── index # index页面
│ │ ├── index.js # 页面逻辑
│ │ ├── index.wxml # 页面结构
│ │ └── index.wxss # 页面样式表
│ └── logs # logs页面
│ ├── logs.js # 页面逻辑
│ ├── logs.json # 页面配置
│ ├── logs.wxml # 页面结构
│ └── logs.wxss # 页面样式表
├── project.config.json
└── utils
└── util.js
ルート ディレクトリには、app.js、app.json、app.wxss の 3 つのファイルがあります。アプレットには、APP を説明するこれら 3 つのファイルがあり、ルート ディレクトリに配置する必要があります。
これら 3 つはアプリケーション レベルのファイルであり、それらと並行してページ フォルダーがあり、アプレットの各ページを保存するために使用されます。
Web フロントエンド開発テクノロジーと類似することができます。
wxml は HTML ファイルに似ており、ページのラベルとスケルトンを記述するために使用されますが、その中で使用できるのはアプレットによってカプセル化されたコンポーネントのみです。wxss は CSS ファイルに似ており、ページ スタイルを記述するために使用されますが
、 css ファイルは wxss ファイルに置き換えられます。js
ファイルはフロントエンド プログラミングの JavaScript ファイルに似ており、アプレットのページ ロジックを記述するために使用されます。json ファイルはページのスタイル
と動作を構成するために使用されます。 。