WeChat ミニプログラム用のサードパーティ開発ツール (WEPT) の導入-WeChatの開発-php.cn

WeChat ミニプログラム用のサードパーティ開発ツール (WEPT) の導入

Y2J

リリース： 2017-05-02 10:21:23

オリジナル

3197 人が閲覧しました

WeChat ミニプログラム開発ツールサードパーティ開発ツール WEPT、WEPT 主な機能: リアルタイム更新、wxml wxss javascript json のサポート、より安定しています、間違いが多い公式ツールとは異なり、制限なし、インターネットに接続する必要はありません、いいえバックエンド構成 CORS、モバイルブラウジングをサポートします。

プロジェクトアドレス: github.com/chemzqm/wept

WEPT 主な機能:

リアルタイム更新、wxml wxss javascript json のサポート

間違いが多い公式ツールとは異なり、より安定しています

制限なし、必要ありませんインターネットに接続する場合、モバイルブラウザーのデバッグをサポートするためにクライアントで後処理 CORS が構成されていません。バグが発生した場合は、Github で問題を報告してください。

詳細な紹介

WEPT は、現在公式に提供されている開発者ツールと比較して、次の特徴があります:

1. wxml、wxss を完全にサポートします。、javascript および json ファイルの自動ホットアップデート。ファイルが保存された後、開発者は、ほとんどの場合、操作を再構築したり再起動したりする必要はありません。 .json は変更されています）、更新する必要はありません。更新がないため、開発者は、変更前のページの状態を再現するためにインターフェイスを操作して時間を無駄にする必要がなくなりました。プロセス全体で複数の端末を同時にサポートします。

2. より安定しています: WEPT のミニプログラム構築プロセスは、公式ツールのように頻繁にアプリサービスの準備ができていないエラーを報告したり、バックグラウンドエラーやミニプログラム構築エラーが発生した場合でも直接クラッシュしたりすることはありません。ページ上にエラーのリマインダーを即座に提供します。 Growl または Terminal-Notifier がインストールされている場合は、デスクトップにエラーリマインダーもポップアップ表示されます。

3. 制限なし: WEPT によって生成されたミニプログラムページはモバイルブラウザーで実行でき、使用するためにインターネット接続は必要ありません。バックエンドを使用して、開発者がバックエンド CORS を構成せずにデバッグできるカスタムプロキシプロトコルを通じて XHR リクエストを転送します。

4. その他の API: WEPT は、公式にサポートされているすべての API に加えて、重力検知 API とコンパス API も実装しており、対応する html5 インターフェイスをサポートするモバイルブラウザーでデバッグできます。

実装原理

簡単に言うと、WebSocketインターフェイスを介してフロントエンドとリアルタイムに通信するWebサービスです。バックエンドサービスが要求されると、必要なファイルが動的にコンパイルされます。フロントエンドは、マルチパーティ通信と、iframe を介したビューレイヤ、サービスレイヤ、およびコントロールレイヤページの制御ロジックを実装します。

フロントエンドビューレイヤーとサービスレイヤーのコードは、WeChat 開発者ツールの最新バージョンから取得されています (現在 101100、

iframe 通信と自動更新をサポートするためにわずかに変更されています)。コントロールレイヤーページは完全に再実装されています。少し React を使用して

UI ステータスの同期を実行します。

インストールと使用

1. まず、ノードをインストールする必要があります。それより前のバージョンではエラーが報告される可能性があります。

2. 次に、任意のディレクトリで実行します:

3.npm install -g wept

4. インストール後、プロジェクトのルートディレクトリで実行し、公式デモをダウンロードします:

5.wept

デバッグを開始するには、localhost :3000 にアクセスします (スタートアップモードのデバッグを有効にするには、Chrome 開発者 devtools を使用することをお勧めします)。

-p パラメーターを使用してポートを変更することもできます。例:

wept -p 4000