この記事では、WeChat アプレットの簡単なサンプル アプリケーション (アプリケーション アカウント) の関連情報を主に紹介します。必要な友達は、
デモ プレビュー
GitHub リポジトリ アドレス
ウェアハウス アドレス: 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 ビット)
1. プロジェクトを追加することを選択し、対応する情報を入力または選択します
AppID: 右下隅にある [No AppID] をクリックします (私も資格がありません) 、今回の200か所は小龍琴だそうです クリック)
プロジェクト名:デプロイを伴わないので何気なく入力してください
クリックして追加プロジェクトです
明けましておめでとうございます、頑張ってください
WeChat Web オープナー ツールでコーディングすることもできます (お気に入りの エディター
を選択することもできます)1 2. Bash ユーザーは、プロジェクト ディレクトリで次のコマンドを実行することで、新しいコンポーネントに必要なファイルをすばやく作成できます:
bash $ ./generateページ <新しい-ページ名> # または $ ./generate コンポーネント <新しいコンポーネント名>
残りは無料でプレイできますWeChat アプレットの基本チュートリアル (継続更新)
プロジェクトフォルダーを作成し、基本的な必要なファイルを作成しますapp.js
项目主入口文件(用于创建应用程序对象) // App函数是一个全局函数,用于创建应用程序对象 App({ // ========== 全局数据对象(整个应用程序共享) ========== globalData: { ... }, // ========== 应用程序全局方法 ========== method1 (p1, p2) { ... }, method2 (p1, p2) { ... }, // ========== 生命周期方法 ========== // 应用程序启动时触发一次 onLaunch () { ... }, // 当应用程序进入前台显示状态时触发 onShow () { ... }, // 当应用程序进入后台状态时触发 onHide () { ... } })
ページコンポーネントを作成します各ページコンポーネントも 4 つのファイルに分割されています:
ページのライフサイクル制御とデータ処理を処理する使用されるページ ロジック ファイル
続きます...
page- name.json
現在のページが動作するときにいくつかの構成を設定します
App.jsonはここでオーバーライドできます
のウィンドウ設定は、ウィンドウで使い慣れた設定のみを設定できることを意味します
続く...
ページ名.wxml
wxmlはWei Xinマークアップ言語を指します
ページ内の要素の構造を定義するために使用される
構文はXML構文に従います。 HTML 構文ではなく XML 構文であることに注意してください。HTML 構文ではありません。HTML 構文ではありません
続きます...
page-name.wxss
wxml は Wei Xin スタイルシートを参照しています
はページスタイルを定義するために使用され、構文はCSS構文に従い、CSSの基本的な使用法と長さの単位を拡張します(主にrpx応答
【関連推奨事項】
以上が小規模なプログラム開発の簡単な例を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。