アプレットのプロフィール
小さなプログラムであるダウンロードする必要があると操作の「手の届くところに」実現するアプリケーションという迅速なアプリケーションを使用するためにインストールしないでください。すべてのインストールせずに、開いているアプリケーションには約検索をユーザーまたはスイープ、そうではないだけでできる小さなプログラムユーザーのアプリケーションエクスペリエンスを向上するだけでなく、分散アプリケーションを容易にします。
私たちは、あなたがすぐにアプレット開発を成功させることができ、小さなプログラムの開発を開始したシンプルなハローワールドプログラムを開発する環境から理解し構築するために、小さな道を開発し、この論文を開始することができます。その後、私は、あなたが研究とハードワークを所有することができます小さなプログラムの種類を開発したいです。
以下は、緩やかな一歩であると:
1、登録アプレット
開発に先立ち、当然のことながら、注入する必要が小さなプログラムのアカウントを登録しました。
登録するには、「マイクロチャネル公共プラットフォーム」を入力します。
メールボックスが、マイクロチャネルの公共プラットフォームだけでなく、効果的な個人的なマイクロ信号結合、オープンプラットフォーム微信登録されていない、登録されていないでなければならないことに留意すべきです。
ログインメールにてご登録を提出した後、あなたは、「あなたのマイクロ手紙アプレットを起動する」のメッセージが表示されます、アカウントを有効にするには、「情報登録」を完了するために、電子メールでアクティベーションリンクをクリックしてください。
2、GETのAppID
アプレットアカウントをログインした後、私たちは、あなたがフィールドにクリックし、「開発設定」オプションでタブをクリックし、左側のメニューバーの「開発」オプションを見つけることができ、「アプレットの情報」に記入する必要があります。私たちは、の一部見ることができるのAppIDマイクロチャネル公共プラットフォーム上の小さなプログラムのIDです。マイクロチャネルは、そのアプレット「同一性」によって決定され、対応する機能インターフェースを提供されています。
3、マイクロチャネルのインストールツール
「マイクロチャンネル公式文書 - 小さなプログラム」では、ページの開発、我々は、「ツール」オプションを見つけることができます(私は、Windows 64を使用し、ここで)ダウンロードのために自分のコンピュータシステムのバージョンを選択し、下の「その後、ダウンロードしたソフトウェアをダブルクリックしますマイクロチャネルの開発者ツール「のショートカットアイコンステップ「あなたが開発者ツールをインストールした後、最終的には、自動的にデスクトップに追加することができます」。「マイクロ手紙開発者ツール」アイコンをクリックして、マイクロチャネルアプレット開発ツールを開き、二次元コードのログインをスキャンするために、独自のマイクロチャネルソフトウェアを使用するには、マイクロ文字のWeb開発者向けツールを入力することができます。
4、統合開発環境
開発ツールをインストールした後に開発することができます。
あなたは小さなプログラムのプロジェクトを作成し始めることができ、あなたの登録アプレットマイクロチャンネルスキャンコードのアカウントへのログイン「マイクロチャネル開発者ツール」を使用してください。
以下は、プロジェクトを開くには、「マイクロチャネルの開発者ツール」の後にディスプレイ・インターフェースです。
公式コード編集ツールの機能が弱い、唯一の基本的なコード編集機能は、迅速な開発支援事業のニーズを満たすことができません。
(ただしチューニングとテストプレビュー機能は非常に強力です)。
だから私たちは一緒に開発するIDEとし、「マイクロチャネル開発者ツール」とを使用することができます。たとえば:VSCode、VSCodeはGIT、コードのデバッグ、構文の強調表示を統合し、コードエディタのほとんどの利点を統合した無料のオープンソースの軽量クロスプラットフォームのコードエディタです。最も重要なのは、システムプラグインで、サポートほぼすべての主要な開発言語と安定した動作強力なの富を持つことである、低メモリフットプリントシステムはよくIDEを構築するために適しています。
5、最初の小さなプログラムの開発が開始:プロジェクトを作成します。
小さなプロジェクトを作成します。
「マイクロ文字の開発ツール」サポートアプレット、ゲーム、コードスニペットとデフォルトのアプレットによって選択された公開の開発プロジェクトのページ番号。
新しいプロジェクトを作成したり、既存のプロジェクト、インポートする「+」記号の右側の余白をクリックしてのAppIDが登録したアプレットの前で取得する時間です。
ときに最初の操作は、プロジェクトファイルを保存するための空のディレクトリを作成する必要があります。
6、ファイルapp.jsを作成します
プロジェクト、アプリケーション()関数を使用してプログラムを登録するための小さなアプリケーションのエントリファイルとしてファイルにディレクトリに作成App.js。この機能は、アプレットのライフサイクルの関数として、パラメータオブジェクト(機能とデータ)をとります。ここでは、まず、それらのライフサイクル機能限り、空の引数の定義は、App({})機能は、登録されたアプレットできるかどうか。
//app.js アプリ({})
7、ハローワールドページを作成します
私たちは、「Hello World」のコンテンツを表示する必要があるので、ここでは、ページを作成する必要があります。Helloworld.wxmlは、ディレクトリ内のファイルを作成し、ここで私は、「Hello World」のコンテンツを表示するには、コンテナビュービュー]タブを使用します。
// helloworld.wxml <ビュー>のHello World </ビュー>
8、登録hellowordページ
対応するページのjsファイルに登録される各ページの必要なアプレットので、ここで我々はページ()関数によってディレクトリとhelloworld.jsにファイルを作成する必要がありますが、ページを登録するために使用されます。関数は、パラメータオブジェクトを受け取り、そのようなイベントハンドラとして、ページのライフサイクル機能の初期データであってもよいです。ここではまずそれらのライフサイクル機能するかどうか、長い空の引数ページ登録ページへ({})関数の定義と同じ。
// helloword.js ページ({})
9、ファイルapp.jsonを作成します
ページレジスタまあ、我々はページパスを設定する必要があり、およびアプレットページをロードする場所を語りました。これは、アプレットファイルでグローバルに設定され、ルートディレクトリにapp.jsonファイルを作成するために、私たちが必要となります。情報(ファイル名を含む)各ページのパスにその対応のページが小さなプログラムで構成されているオブジェクトを指定するために使用されたページ。
注:ファイル名は、ファイルの拡張子を記述する必要はありません、フレームワークが自動的に.json位置、.jsファイル、.wxmlを探しに行くだろう、処理するための4つのファイルを.wxss。第一項の配列は、アプレットの初期ページ(すなわちホーム)、追加/ページのページの配列を変更する必要性を低減するための小さなプログラムを表します。
// app.jsonファイル { 「ページと」:[ 「HelloWorldの」//ファイルが現在のルートディレクトリに保存されるので、ファイル名を直接ここに記入 ]、 }
10、試運転
その後、我々は「マイクロチャネルの開発者ツール」を開き、「インポートアイテム」画面に切り替え、[コンテンツ]タブで、当社のプロジェクトフォルダを選択することができます。何の訪問者は、モードを選択することはできませんAppIDを、「インポート」ボタンをクリックします。私たちは、アプレットで私たちの「Hello Wordの」コンテンツいることがわかります左にプログラムが自動的にシミュレータで、設定ファイルとsitemap.json project.config.jsonサイトマップ設定ファイルを(あなたが無視することができます)が生成されます。
ここでは、簡単な「こんにちは言葉」アプレットを作成します。
私は、ページの表示を美化したいと思います
あなたは、ページの表示スタイルを美化します。私たちは、コンポーネントのWXMLのスタイルを制御することができhelloword.wxssファイルを作成し続けることができます。WXSS同様の文言やCSS、非常に使いやすいです!
これは、上記のシンプルは10、10分を繰り返します。私たちは、小さなプログラムのエントリを開発していた、小さなプログラムを開発しました。
あなたは小さなアプリケーション開発者があります。
追加の知識
アプレットディレクトリ構造
体は、(ファイル名もアプリでなければならない)、少なくとも小さなプログラムのapp.jsとapp.jsonこれら2つのファイルを必要とし、プロジェクトのルートディレクトリに配置する必要があります。
app.wxss主に視覚的なスタイルを美化するために使用されるグローバルスタイルシートは、機能を実現することができますすることはできません。
:通常、アプレットのページには、4ページのすなわち定義文書で構成アーキテクチャ、スタイル、機能ロジック、設定情報。
次の簡単なを行います。
app.jsファイル
各アプレットは、アプレットのインスタンスを登録するapp.js中のアプリを起動するメソッドを呼び出す必要があります、それはエントリファイルアプレット。
一方、ファイルが小さなプログラムを定義するために使用されるグローバルデータや機能を、コントロール、アプレットのライフサイクルを監視します。
定義された関数やデータをグローバルに共有され、他のページは直接グローバル関数やデータを使用することができます。
機能のライフサイクルは、次のようなさまざまなシナリオのためのさまざまなライフサイクル機能を呼び出すことができます。
onlaunch:リスナー小さなプログラムの初期化。
onshow:モニタアプレットを表示。
onhide:アプレット非表示を監視します。
注:アプリケーション()は1とAppの唯一のインスタンスでapp.jsに登録する必要があり、あなたがgetApp法により、グローバルに一意のAppインスタンスに得ることができますが、ないのApp()関数呼び出しgetApp()メソッドでは、あなたが得ることができ、これを使用してアプリケーションインスタンス。
ここで少し再訪高度な技術を使用すると、将来的に小さなプログラムの開発を行うすることが重要である:コード保護!
また、JSファイルをapp.jsされたファイル名で知られています。私たちが知っているように、JSファイルはプレーンテキストであり、アプレットもコンパイルすることができます。あなたは小さなプログラムを開発するために懸命に働いた場合は、他のコンパイル、あなたは簡単に、修正するのは簡単です、あなたが書いたコードを取得し、あなたのプログラムをコピーすることができます。
そこで、我々は、製品保護の意識を持っている必要があります:コードは、最大保護することです。プラットフォームと呼ばれる、あるJShaman伝統的なエンドの開発プログラマはこのコードが読めないと分析作り、難読化JSコードを暗号化することができ、プラットフォームJSコード保護ツールであることを知っています前と後に、その目的がすることです、何かから自分を防ぎますコードは、修復を使用するために他の誰かがコピーされます。
小さなプログラムの開発では、このプラットフォームを使用することができます、あなたはでapp.jsコードを置くことができJShamanは暗号化され、その後、アプレットをリリース。でも、あなたの小さなプログラムデコンパイル誰かのであれば、彼はコードの内部を使用することはできません。
また、のための魔法があった:裁判上。多くの小さなプログラムなので、小さなプログラムの相互Aロットの多くのコピーは、コードはほぼ同じですが、小さなプログラムは、高すぎる小さなプログラムの同一または類似の放出を可能にしませんので、お試しセッションでプログラムの小さなカードがたくさん。し、JShamanは、裁判上のコードを暗号化されたコードは、同一のカードではありませんので。
トピックに戻る、app.js.上に言えば、次に、アプレット、他の三つの重要な書類を教えてください。
app.jsonファイル
このファイルは、(小さなグローバル・コンフィギュレーション・プログラムのためのJSONオブジェクトである文書を注釈付きません)。
これは、ページがアプレットページのすべてのパスをコンフィギュレーションするオブジェクトは、ページ(オブジェクトが最初の配列と家庭のアプレットである)を特徴ページパス、ウィンドウ、タブバーのタブナビゲーションネットワークタイムアウト、デバッグモードのパフォーマンスを、設定することができます任意の接尾辞パスを記述する必要はありません、システムが自動的に負荷が同じ名前、.jsファイル、.wxml、.wxssファイルを行く.jsonます。ウィンドウオブジェクトは、その上のステータスバー、ナビゲーションバー、タイトル、ウィンドウの背景色を含む、一連のパフォーマンスアプレットウィンドウに使用されています。TabBarのオブジェクトは、タブナビゲーションは、アプレットウィンドウの下部にあるメニューバーで、あなたは高速スイッチングのページを達成することができます設定するために使用されます。
WXMLファイル
WXMLは、HTMLに似たマークアップ言語のセットで、ページの構造を構築するために使用されます。HTMLは少し異なるが、基本的に同じ使い方をタグ付けするだけでなく、機能を結合ループ、条件付きのレンダリング、テンプレートの参照とデータのリストをサポートするためにVueのフレームワークに似た特性を持っていますが。完全WXML文の期間は、開始タグと、他のWXMLラベル可能性があるコンテンツであってもよいラベルで構成終了タグで構成されています。コンパイルエラーになります何の閉鎖はありません、WXMLラベリング要件が厳格に閉じなければならないことに留意すべきです。
WXSSファイル
WXSSスタイルは、スタイルWXMLコンポーネントを記述するための言語です。CSS機能を備えたHTMLでこのようなページのレンダリングスタイルを制御するためにWXSSを定義することで(WXSSは、機能のほとんどを持っており、CSSはCSSに基づいて展開され、変更されています)。違い.wxssファイルには、現在のページにその範囲がグローバルであることをページ、および.wxss文書のページをapp.wxss。
上記のマスター、あなたは小さな入力プログラムの開発となり、それは小さなアプリケーション開発者の名前です。