ホームページ  >  記事  >  WeChat アプレット  >  HelloWorld WeChat アプレット

HelloWorld WeChat アプレット

高洛峰
高洛峰オリジナル
2017-02-20 15:43:142402ブラウズ

1000回見るのは、1回見るより悪いです。まずは最も単純な HelloWorld を一緒に作りましょう。

1. WeChat アプレット開発者ツールをダウンロードしてインストールします。ダウンロード パス:

https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html

オペレーティング システムの種類に応じて、 Windows 64、Windows 32、または Mac を選択します。

2. プロジェクトを作成します

⑴ プロジェクトを追加します

「プロジェクトを追加」ボタンをクリックしてプロジェクトを作成します。

HelloWorld WeChat アプレット

⑵ プロジェクトのいくつかのパラメータの説明

AppIDがない場合は、No AppIDを選択してください(適当に書くとエラーが報告され、プロジェクトに入れなくなる場合があります)。選択した「プロジェクトディレクトリ」が空の場合は、図のように「現在のディレクトリにクイックスタートプロジェクトを作成する」にチェックを入れてください。 「テストプロジェクト」など、気軽にプロジェクト名を書いてください。 「プロジェクトを追加」ボタンをクリックすると、最も単純なWeChatアプレットが完成します。

HelloWorld WeChat アプレット

HelloWorld WeChat アプレット

3. プロジェクトのコード構造の説明

HelloWorld WeChat アプレット

開発者ツールの左側のナビゲーションで [編集] をクリックすると、プロジェクトが初期化され、いくつかの簡単なコードが含まれていることがわかります。これらには、app.js、app.json、app.wxss、および 2 つのディレクトリ (pages、utils) が含まれます。

その中で最も重要なのは、app.js、app.json、app.wxss の 3 つのファイルです。

app.js: このファイルは、ミニ プログラム全体のエントリ ファイルです。

app.json: このファイルは、ページ ファイルのパス、ウィンドウのパフォーマンス、ネットワーク タイムアウトの設定などを決定するミニ プログラムのグローバル構成ファイルです。

app.wxss: ミニプログラムのスタイルファイルです。HTMLのCSSと考えることができます。

HelloWorld アプレットについては以上です。どうですか?とても簡単です。次の記事では、ミニ プログラムのコード構造を詳しく見てみましょう。

HelloWorld WeChat アプレットに関連するその他の記事については、PHP 中国語 Web サイトに注目してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。