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

高洛峰
リリース: 2017-01-09 10:56:47
オリジナル
2964 人が閲覧しました

デモのプレビュー

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アプレット(アプリケーションアカウント)の簡単なアプリケーション例とその例の詳細な説明

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

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

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

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

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 サイトに注目してください。


関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート