WeChatミニプログラムの実践的な運用保守プロジェクトのご紹介-ミニプログラム開発-php.cn

WeChatミニプログラムの実践的な運用保守プロジェクトのご紹介

不言

リリース： 2018-06-27 14:44:28

オリジナル

2821 人が閲覧しました

この記事では主にWeChatアプレットの実践的な運用と保守の小さなプロジェクトを紹介します。WeChatアプレットを使用して138と同様の機能を実装します。IPを入力すると、必要なIPの詳細情報を参照できます。以下、見てみましょう。

はじめに

WeChatミニプログラムの開始以来、業界では非常に人気があり、ある企業がアプリケーションアカウントの呼び出しを許可していないため、WeChatミニプログラムと呼ばれているとも言われています。ポニーと張暁龍の友達の名前についての議論のスクリーンショット。とにかく、名前は決まりました。それが何をするのかを知ることの方が重要です。新しいトレンドについてインターネットで言われていること、ネイティブ APP は将来的には避けられないことなどの関連記事を紹介します。気に入ったら続きを読んでください。今日は運用保守を行っているため、製品レベルのミニプログラムは使用しません。引き続き運用保守レベルのミニプログラムを使用します。

今日は、小さなプログラムを使用して IP138 と同様の機能を実現する方法を、実践的な例を使用して説明し普及します。IP を入力すると、所有権、場所など、IP の詳細情報が表示されます。

最初に完成したエフェクトを見てみましょう:

分析を実装します

基本的な機能は、IP クエリページを作成し、IP を入力することです。IP の詳細情報をクエリできます。インターフェイスと機能についてはこれで終わりです。次に、ミニプログラムの基本的な概念と使用法を紹介します。

最初のステップは、WeChat ミニプログラム開発者ツールをダウンロードすることです。これは、このツールでコードをデバッグすることしかできないため、必要です。このツールでコードを記述する必要はありません。それも可能ですが、このツールでデバッグする必要があります。この手順を完了していない場合は、これ以上読む必要はないと思います。もちろん冗談です。ご質問がございましたら、メッセージを残してください。

実装方法

インストール後、初めて WeChat でスキャンして開発者を特定し、図に示すように WeChat 開発者ツールを使用して簡単なデモプロジェクトを生成することができます。プロジェクトを生成した後:

まず、app.js、app.json、app.wxss を見てみましょう。そのうち

app.js は、グローバル変数とを定義できます。ミニプログラムのライフサイクル関数 (onLaunch、onShow、onHide、その他) を指定する場合、

app.json ファイルは主にミニプログラムのページを構成する構成ファイルです。すべてのページ設定はこのファイルに書き込む必要があります。

app.wxss はパブリックスタイルシートファイルです。

これらのファイルに加えて、2 つのディレクトリもあり、完了すると、各ディレクトリに 4 つのファイルが表示されます。 2 つのディレクトリはそれぞれ、index.js、index.wxml、index.wxss です。接尾辞 .js の付いたファイルはスクリプトファイル、接尾辞 .json の付いたファイル (必須ではありません)、接尾辞 .wxss は、スタイルシートファイル (必須)、拡張子 .wxml が付いたファイルはページ構造ファイルです。

上記はミニプログラムの基本概念です。これらを理解したら、ミニプロジェクトの開発を開始できます。

まずindex.wxmlを書きます。

コードは次のとおりです:

インターフェイスにいくつかのスタイルを追加したため、index.wxss スタイルファイルを作成する必要があります。コードは次のとおりです。

これらは単なるシェルです。 IP を入力してクエリをクリックしても効果はありません。はい、まだバックグラウンドからデータを取得する必要があるため、ここで Index.js ファイルの作成を開始しましょう。js ファイルには多くの内容が含まれているため、それを紹介します。最初に初期化部分について説明します。最初はすべて空です。次に、IP が空であるかどうかを確認します。 IP がある場合は、wx.request を呼び出してリクエストを送信し、ネットワークに問題がある場合は、ネットワークリクエストが失敗したことを報告します。コードは次のとおりです。