WeChatミニプログラム開発ツールの初体験を実現する技術に関する予備調査（写真）

WeChat ミニ プログラムは現在ホットなトピックです。市場にはすでに WeChat ミニ プログラムの開発に関連する記事がたくさんあります。今夜は時間をかけて WeChat ミニ プログラムを試し、WeChat Mini の実装を調べてみました。プログラム開発者ツール。Node.jsを使用して開発されたUIは、NW.jsフレームワークに基づいて開発され、WindowsとMacのクロスプラットフォームをサポートします。

WeChat ミニ プログラム開発ツールの初体験

まず最初に、もちろん、WeChat ミニ プログラム開発ツール、WeChat Web Developer Toolsのダウンロード アドレスをダウンロードし、WeChat 内でそれと思われるミニ プログラム ソース コードを見つけます。大丈夫です Zhihu -- WeChat ミニ プログラムのデモ。現在、Win32、Win64、および Mac バージョンをサポートしています。
その後、上記のデモ コードをダウンロードまたは git 複製し、優れた WeChat 開発者ツールを開き インストールし、WeChat を使用して QR コードをスキャンしてログインし、ローカル ミニ プログラム プロジェクトを選択し、プロジェクトを追加し、プロジェクトをインポートします。 AppIDを入力しないと機能が制限されます。当初、WeChat アプレットを使用するには開発者アカウントが必要だと思っていましたが? WeChat ミニ プログラムの開発者アカウントを開設するための敷居は依然として比較的高く、企業アカウントである必要があり、また、公開アカウントでの転送による認証も必要です。現在は機能が制限されているようです。下の図に示すように

小さなプログラムデバッグページ

WeChat Web開発ツールには主にアカウント、編集、デバッグ、プロジェクト、リフレッシュ、コンパイル、バックグラウンド、キャッシュが含まれていることがわかります。 など。機能はまだ比較的限定されています。デバッグ機能は主に Chrome Web 開発者ツールに統合されています。

WeChat Web 開発者ツールの実装方法

node.js および NW.js フレームワークを使用して開発されています。UI は NW.js フレームワークに基づいて開発され、Windows と Mac のクロスプラットフォームをサポートします。これは非常に現実的なテクノロジの選択です。ミニ プログラムのテクノロジ スタック全体は H5 に基づいていますが、基本的な js および css 構文のほとんどは引き続きサポートされているため、開発者ツールは使用します。ノード.js の実装も非常に普通です。なぜ WeChat が Atom Shell を使用しなかったのか疑問に思います。 Facebook の核種 IDE のように、Atom 編集をベースにした IDE を作成しますか?

以上がWeChatミニプログラム開発ツールの初体験を実現する技術に関する予備調査（写真）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。