開発者がWeChatアプレットを簡単かつ効率的に開発およびデバッグできるように、元のパブリックアカウントWebページデバッグツールに基づいて、2つの公式WebサイトWebページデバッグツールとアプレットデバッグを統合する新しいzhidao WeChat開発者ツールが起動されます。開発モード。開発者は、公式アカウントのWebページのデバッグを使用して、WeChat Webページの承認とWeChat JS-SDKの詳細をデバッグできます。アプレットのデバッグを使用して、アプレットのAPIとページの開発とデバッグ、コードの表示と編集、アプレットのプレビューとリリースを実行できます。そして他の機能。小さなプログラムは、開発言語レベルで従来のWebページと大差ありませんが、JavaScriptスクリプト言語を使用してロジックコードを記述し、HTMLのようなWXMLを使用してページの構造を記述し、CSSのようなWXSSを使用してノードのスタイルを記述します。アプレットのレンダリングとロジックの分離の操作メカニズムは従来のWebページとは異なり、従来のWebページの開発とデバッグツールは使用できないため、アプレット開発のエコロジーであるWeChat開発者ツールのワンストップIDEを立ち上げました。開発者は、WeChat開発者ツールを使用して、小さなプログラムコードの開発、コンパイルと操作、インターフェースとロジックのデバッグ、実際のマシンのプレビュー、リリースバージョンの送信などの機能を完了できます。アプレットの実行中、ロジックレイヤーはJsCoreを使用して直接app-service.jsを読み込み、レンダリングレイヤーはWebViewを使用してpage-frame.htmlを読み込みます。ページパスを決定した後、WXMLファイルと対応するWXSSファイルによって生成されたスクリプトは、動的にスクリプトを挿入することによって呼び出されますページのJSコードは、論理レイヤーのページデータと組み合わされて、最終的に指定されたページをレンダリングします。開発者ツールは、非表示タグを使用して、アプレットのロジックレイヤー実行環境としてJSCoreをシミュレートします。JSCoreでサポートされていないBOMオブジェクトをローカライズすることにより、開発者は通常、アプレットコードでBOMを使用できなくなり、不要なエラーを回避できます。必要なエラー。開発者ツールの下部には、WebViewからの要求を処理するHTTPサーバーがあり、開発者コードのコンパイルプロセスの結果はHTTP要求として返され、WebViewは通常のWebページに従ってレンダリングします。開発者ツールは、BOM、node.js、シミュレートされたUIおよび対話型プロセスを使用して、ほとんどのクライアントAPIをサポートします。同時に、開発者ツールの下部にはWebSocketサーバーがあり、WebSocketサーバーはWebViewと開発者ツール間の信頼できるメッセージ通信リンクを確立するために使用されるため、インターフェイス呼び出し、イベント通知、およびデータ交換を正常に実行できるため、アプレットシミュレーターが統一された全体。