ホームページ  >  記事  >  WeChat アプレット  >  WeChatミニプログラム開発環境の構築方法を詳しく解説

WeChatミニプログラム開発環境の構築方法を詳しく解説

高洛峰
高洛峰オリジナル
2017-03-10 15:42:211594ブラウズ

この記事では、WeChat ミニ プログラムの開発環境を構築する方法に関する関連情報を詳しく説明します。必要な友人は参考にしてください。

WeChat ミニ プログラムは、一度登場すると開発者全体に衝撃を与えました。もちろん、多くのアプリ開発者は、WeChat ミニ プログラムの登場がモバイル アプリに寒い冬をもたらすのではないかと心配しています。たとえそうなったとしても、それが起こるのは遠い将来だとは思いません。

WeChat ミニ プログラムが今日の開発環境を破壊できるかどうかに関係なく、私たちは好奇心を持って受け入れ、学ばなければなりません。新しいテクノロジーを拒否するわけではないので、最初に WeChat ミニ プログラム開発ツールをすばやく構築することが大切です。それでは、一緒に始めましょう。

まず、デモの動的な画像をGithubに載せてみましょう

WeChatミニプログラム開発環境の構築方法を詳しく解説

開発ツールのダウンロードはGitHubで共有されています。次に、GitHub に直接アクセスし、ダウンロード リンクを見つけてダウンロードします。
もちろん、インストール手順と遭遇した問題についてはここで詳しく紹介します。 (次に、次の手順に従って正常にインストールします (Windows バージョン))

WeChat アプレット開発ツール バージョン 0.7.0 (ダウンロード リンク http://pan.baidu.com/s/1nuIJnBV パスワード: ru3h) をダウンロードします。バージョン 0.9 です。 0 にはログイン認証がありますが、直接インストールした後、最初に wechat アカウントを appid にバインドしてくださいというメッセージが表示され続けます。コードを何百回もスキャンしましたが、それでもログインできません。バージョン 0.7.0 をダウンロードした後、インストール プロセスは非常に簡単で、インストールが成功したら、ログインしてプログラムを開始する必要があります。コード。

WeChatミニプログラム開発環境の構築方法を詳しく解説

入力後、上記のインターフェースが表示されて閉じます。次に、0.9.0 バージョンのダウンロード リンク (http://pan.baidu.com/s/1hskDLZY パスワード 46gv) をダウンロードします。

ダウンロード後、直接上書きしてインストールするだけです (インストールを上書きするため)。開発ツールをインストール後、開きたくても入れません。プログラムがクラックされていないからです。プログラムをインストールした後、3 つの js クラック ファイルをダウンロードして、インストール プログラムのディレクトリの対応するファイルを置き換える必要があります。 GitHub ダウンロードに直接入力し、Github リンク https://github.com/gavinkwoe/weapp-ide-crack

WeChatミニプログラム開発環境の構築方法を詳しく解説

下の写真にある 3 つのファイルをダウンロードします

WeChatミニプログラム開発環境の構築方法を詳しく解説

ツールを D ドライブにインストールしました、それぞれ次の 3 つのディレクトリを見つけて、対応するファイルを置き換えます

D: WeChat Web 開発者ツール package.nwappdistcomponentscreatecreatestep.js

D: WeChat Web 開発者ツール package.nwappdiststroesprojectStores.js

D: WeChat Web 開発者ツール package.nwappdistweappappserviceasdebug .js

ファイルを置き換えると、正常にログインできます。ログイン後のインターフェースは次のようになります

WeChatミニプログラム開発環境の構築方法を詳しく解説

次に、直接クリックしてプロジェクトを追加し、クリック後のインターフェースは

WeChatミニプログラム開発環境の構築方法を詳しく解説

なので、ベータアカウントを持っていない場合は、この appid を気軽に入力できます。プロジェクト名と開発ディレクトリを書きます。
情報を入力したら、[プロジェクトの追加] をクリックします

WeChatミニプログラム開発環境の構築方法を詳しく解説

OK、魔法のようなことが起こり、helloworld プロジェクトが表示されました。

[編集]をクリック

WeChatミニプログラム開発環境の構築方法を詳しく解説

コードを記述する対応するファイルを選択します。

デバッグ

WeChatミニプログラム開発環境の構築方法を詳しく解説

左上にデバッグボタンをクリックすると、Apple、Samsung、その他の解像度のデバイスを選択できます。デバイスの右側にネットワークを選択するボタンがあり、Wi-Fi、2G、3G、および 4G ネットワークを選択できます。右側のウィンドウにはコンソールがあり、コンソールで出力された情報や、ネットワークやストレージの情報などを確認できます。

WeChatミニプログラム開発環境の構築方法を詳しく解説

右上隅のボタンをクリックして、コンソールの表示、ファイルの検索、ショートカット キー、センサー、レンダリング設定、ヘルプなどを選択します。左下隅にはキャッシュのクリア、アプレットの再起動、およびボタンがあります。

ところで、GitHub にはデモがあります。このデモを開発ディレクトリにコピーして、WeChat アプレットの効果を確認できます。これは単純すぎてその魅力がわかりません。

WeChatミニプログラム開発環境の構築方法を詳しく解説

ダイナミックな写真を前面に置きました。

簡単な紹介は以上です。さらに詳しく知りたい場合は、開発ドキュメントをご覧ください

http://wxopen.notedown.cn/?t=1474537660904
http://weixin-xiaochengxu.shukaiming .com/component/scroll-view.html?t=1474537659739

この記事を通じて、困っている友人が WeChat ミニ プログラムを開発できるようにしたいと思っています。このサイトをご支援いただきありがとうございます。


以上がWeChatミニプログラム開発環境の構築方法を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。