1. WeChat ミニプログラム開発の公式ウェブサイト:
https://developers.weixin.qq.com/miniprogram/dev/framework/ Structure.html
2. ディレクトリ構造:
ミニ プログラムは、アプリ全体と、それぞれのページを説明する複数のページで構成されます。小さなプログラムの主要部分は主に 3 つのファイルで構成されており、これら 3 つのファイルはプロジェクトのルート ディレクトリに配置する必要があります。写真が示すように:
3. WeChat アプレット開発ツールを使用して新しいプロジェクトを作成します。構造は次のとおりです: 重要なことは、赤いボックス内のファイルがプロジェクトのルート ディレクトリに存在する必要があることです。そうでない場合、プロジェクトはエラーを報告します。
4. プロジェクトにおける project.config.json ファイルと sitemap.json ファイルの役割を説明します。
project.config.json: 開発ツールの構成
たとえば、インターフェイスの色、コンパイル構成など、別のコンピューターに変更してツールを再インストールする場合は、再構成する必要があります。
これを考慮して、ミニ プログラム開発ツールは各プロジェクトのルート ディレクトリにファイルを生成します project.config.json。ツールで行った構成はすべてこのファイルに書き込まれます。ツールを再インストールするか、動作するようにコンピュータを変更するときは、ダウンロードする必要があります 同じプロジェクトのコード パッケージをインポートすると、開発者ツールは、エディターの色、コードをアップロードするときの自動圧縮、および一連のオプション。
sitemap.json: WeChat でミニ プログラム内での検索が可能になりました。開発者は、sitemap.json構成を通じて、またはバックグラウンド ページの包含スイッチを管理することによって、ミニ プログラム ページで WeChat インデックス作成を許可するかどうかを構成できます。詳細な設定: https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html。
5. WeChat アプレットの開発者ツールを使用して、新しいプロジェクト testDemo を作成します。ディレクトリ構造は次のとおりです。
6. 動作効果図は以下のとおりです。
7. 上の図の下部の tabBar には、少なくとも 2 つの項目、最大で 5 つの項目が必要です。
このようなWeChatアプレットは基本的な枠組みが構築されており、個人的にはAndroidよりも開発が早いと思っています。WeChat エンベロープにはコンポーネントがインストールされているので、それを呼び出すだけです。唯一の欠点は、提供されている開発者ツールがあまり使いにくいことです。コード プロンプトはあまり実用的ではないため、開発効率に影響します。Visual Studio などの他の開発ツールを使用してから、WeChat が提供する開発ツールを使用して効果をプレビューすることをお勧めします。