WeChatミニプログラムショッピングモールシステム開発に必要なツール

この記事は主にWeChatミニプログラムショッピングモールシステム開発シリーズ - ツールを紹介します。一定の参考価値があり、興味のある友人はそれを参照できます。

WeChat ミニ プログラムはパブリック ベータ テスト用に公開されて以来、一夜にしてさまざまな技術コミュニティで人気になりました。ミニ プログラムは、誰もがよく知っていると思われるので、将来の価値については詳しく説明しません。簡単に言うと、ミニ プログラムは、将来のほとんどのアプリケーションで使用される新しいオペレーティング システムおよび新しいエコロジーとして理解できます。 WeChatミニプログラムにシナリオが与えられ、開発されます。その素晴らしさと誰もがすぐに始められる利便性に基づいて、WeChatミニプログラムモールの開発シリーズを特別に編集しました。今後もWeChatミニプログラムの技術記事を追加し続け、誰もがその方法を完全に理解できるようにします。 WeChatミニプログラムモールを迅速に開発します。

この記事では主に WeChat ミニ プログラムが公式に提供する開発ツールを紹介します。よく言われるように、良い仕事をしたいなら、まずツールを磨かなければなりません。

ミニ プログラム開発ドキュメントのアドレス https://mp.weixin.qq.com/debug/wxadoc/dev/index.html

まず、WeChat ミニ プログラムによって提供されるコード エディター

ツールを入手する必要がありますアドレスを取得します: https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/devtools.html?t=20161107
ダウンロードアドレス 私たちのコンピューターシステムに応じて、対応するバージョンをダウンロードできます

インストール パッケージを直接ダブルクリックして開き、インストールを完了すると、デスクトップに が作成されます。 WeChat アプレットをステップバイステップで実行します
ツールを開くと、ツールを使用するには WeChat を介してスキャンしてログインする必要があることがわかります

コードをスキャンしてログインした後、必要なプロジェクトの種類を選択できます。ビルドする

このために、新しいローカルミニプログラムプロジェクトを作成することを選択します

クリックしてプロジェクトを追加します

ここでビルドしたプロジェクトのAPPID、プロジェクト名、ディレクトリを順番に入力します

登録パブリックベータミニプログラムの範囲は現在、企業、政府、メディア、その他の組織に公開されています。つまり、個人が登録する方法はありません。そのため、登録範囲内にない人は、APPID なしで開発することを選択できます

すでにお持ちの場合は、https://mp.weixin.qq.com のバックグラウンドにログインし、設定 APPID でミニ プログラムを表示できます

上記の手順を完了してプロジェクトを追加すると、エディターインターフェイスに入ります

エディターは主に、編集、デバッグ、プロジェクトの 3 つのモジュールに分かれています。
編集: main 関数はコード エディターの関数と同等です。

デバッグ: このタイプは Goole ブラウザーのコンソールと同じです

プロジェクト: この場所は主にコードの公開とプレビューに使用されます

フロントエンドの同僚にとっては簡単に始めることができます。これは put と同等です。 us 以前は、Web 開発用のエディターとデバッグ ツールは 1 つの環境に統合されていました。比較的わかりやすいですね。

これはデバッグ インターフェイスで確認できます。これは、Goole ブラウザーを使用して H5 Web サイトを開発する場合と似ています。使い慣れた味を取り戻す時期ではありませんか?
デバッグ インターフェイスで手動でコンパイルできます。 (ここで、ファイルの変更を自動的に監視し、ファイルをコンパイルするようにプロジェクト モジュールをセットアップすることもできます)

手動でキャッシュをクリアしたり、コンソール ログやネットワーク リクエストを表示したりすることもできます。

次のステップは、比較的単純なプロジェクト モジュールです。

ここでは、プロジェクトのアップロードとプレビュー、および IDE 全体の簡単な構成を行うことができます。

ここで、このアップロード コードをアップロードするには管理者が必要であることに注意してください。もちろん、AppID がなければアップロードできません。現在はパブリックベータ段階にあるため、アップロードしたコードは実際にはユーザーには表示されません。開発者のみが見ることができます。

さらに、私の意見では、以下のプレビュー機能が IDE 全体の唯一のハイライトかもしれません。皆さんご存知のとおり、これまで H5 ウェブサイトを構築する際に最も頭を悩ませたのは、ブラウザ シミュレーターでは問題ありませんでしたが、実際の携帯電話で表示すると、さまざまな互換性の問題がありました。ページ完成後すぐにアップロードし、QRコードを読み取ることでプレビューできる機能です。

プレビューは、現在の IDE と同じ WeChat ID を持つ携帯電話でのみ実行できることに注意してください。他の携帯電話では、WeChat スキャン経由でプレビューすることはできません。

さて、今日は WeChat IDE を紹介します。次の章では、ミニ プログラムを段階的に実装していきます

以上がこの記事の全内容です。皆さんの学習に役立つことを願っています。その他の関連コンテンツにも注目してください。

関連する推奨事項:

WeChatミニプログラムショッピングモールシステム開発のディレクトリ構造の紹介

以上がWeChatミニプログラムショッピングモールシステム開発に必要なツールの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。