WeChatアプレット（アプリケーションアカウント）の簡単なアプリケーション例とその例の詳細な説明

デモのプレビュー

デモビデオ（交通警報 2.64MB）

GitHub リポジトリ アドレス

ウェアハウスのアドレス: https://github.com/zce/weapp-demo

使用手順

リポジトリのクローンをローカルに作成します。

bash $ git clone https://github.com/zce/weapp-demo.git weapp-douban -- Depth 1 $ cd weapp-douban

WeChat Web オープナー ツールを開きます (注: バージョン 0.9.092300 である必要があります)

バージョン 0.9.092300 である必要があります。以前のバージョンでは正常な動作は保証されません。

いわゆるクラックの必要はありません。インターネット上のいわゆるクラックは、以前のバージョン 0.9.092100 のみです。クラックする必要はありません。クラックする必要はありません。ひび割れて！

ダウンロードリンク (正式版、安心してダウンロード): https://pan.baidu.com/s/1qYld6Vi

wechat_web_devtools_0.9.092300_x64.exe (Windows 64 ビット)
wechat_web_devtools_0.9.092300_ia32.exe (Windows 32 ビット)
wechat_web_devtools_0.9.092300.dmg (macOS)

1. 項目を追加することを選択し、対応する情報を入力または選択します

AppID: AppIDなしで右下隅をクリック(私も資格はありません。今回の200か所はXiaolongが厳選したそうです)
プロジェクト名：デプロイに関係ないので気軽に記入してください
プロジェクト ディレクトリ: クローンを作成したばかりのフォルダーを選択します
クリックして項目を追加します

明けましておめでとうございます、お金持ちになれますように

WeChat Web Opener ツールでコーディングすることを選択できます (お気に入りのエディターを選択することもできます)

1. エンコード後に左下隅の再起動ボタンを使用してプレビューを更新します

2.Bash ユーザーは、プロジェクト ディレクトリで次のコマンドを実行することで、新しいコンポーネントに必要なファイルをすばやく作成できます。

bash $ ./generate page # または $ ./generate コンポーネント

残りは自由にプレイできます

WeChat ミニ プログラムの基本チュートリアル (継続的に更新)

プロジェクトフォルダーを作成し、基本的な必要なファイルを作成します

アプリ.js

リーリー

アプリ.json

プロジェクト構成宣言ファイル (ナビゲーション バーのスタイルの色など、プロジェクトの一部の情報を指定します)

リーリー

アプリ.wxss

[!オプション!] プロジェクトのグローバル スタイル ファイル。コンテンツは CSS 標準構文に従います。

ページコンポーネントを作成する

各ページ コンポーネントは、次の 4 つのファイルにも分割されます。

ページ名.js

ページ ロジック ファイル。ページのライフ サイクル制御とデータ処理を処理するために使用されます。

つづく...

ページ名.json

現在のページで作業するときにいくつかの構成を設定します

ここで、app.json のウィンドウ設定をオーバーライドできます。

つまり、ウィンドウに設定されている使い慣れたものしか設定できません。

つづく...

ページ名.wxml

wxml は Wei Xin マークアップ言語を指します

ページ内の要素の構造を定義するために使用されます

構文は XML 構文に従います。これは、HTML 構文、HTML 構文、HTML 構文ではなく、XML 構文であることに注意してください。

つづく...

ページ名.wxss

wxml は Wei Xin スタイル シートを指します

ページスタイルを定義するために使用されます

構文は CSS 構文に従い、CSS の基本的な使用法と長さの単位 (主に rpx 応答ピクセル) を拡張します。

この記事が WeChat ミニ プログラムの開発を学び習得するのに役立つことを願っています。このサイトをご支援いただきありがとうございます。

簡単なアプリケーション例と WeChat アプレット (アプリケーション アカウント) の詳細な例に関するその他の関連記事については、PHP 中国語 Web サイトに注目してください。