WeChat アプレットでサーバー通信を確立する方法

angryTom
リリース: 2020-03-12 10:22:28
転載
4092 人が閲覧しました

この記事では、node.js をベースに WebSocket サーバーを構築し、このサーバーを使用してミニ プログラムでリアルタイム サービスを提供する方法を紹介します。WeChat ミニ プログラム開発を学習している友人の参考になれば幸いです。

WeChat アプレットでサーバー通信を確立する方法

WeChat アプレットとのサーバー通信を確立する方法

node.js には既製のサードパーティ ライブラリが多数あります。 WebSocket サービスを構築しています。今回は、websocket というライブラリを使用して、標準の WebSocket インターフェイスを提供できる Node.js サーバー プログラムを構築することにしました。まず、ws-server という名前の空のフォルダーを作成し、そのフォルダーに入ってコマンド ラインで実行します。

npm install websocket
ログイン後にコピー

次に、ws-server フォルダーの下に app.js という名前の新しいファイルを作成します。内容は次のとおりです。

WeChat アプレットでサーバー通信を確立する方法

WebSocket サービスは HTTP 上に構築されているため、コード内で http サーバーが確立され、次に、WebSocket サーバーを使用して http サーバーが確立されていることがわかります。 http サーバーにポート 8080 をリッスンさせて、外部にサービスを提供します。

このサーバーの機能も非常に単純で、クライアントから送信されたメッセージを受信して​​出力し、受信したメッセージの前に [サーバーから] というプレフィックスを追加してクライアントに返すことです。クライアント。

推奨される学習: 「 ミニ プログラム開発

それでは、このサービスを呼び出す WeChat ミニ プログラム コードを実装しましょう:

WeChat アプレットでサーバー通信を確立する方法

まず、wx.connectSocket() メソッドを使用してターゲット サーバーに接続する必要があります。開発環境では安全でない http が使用されるため、ここでの URL パラメーターは ws:// で始まります。将来的には、実際の WeChat 実行環境では、サーバーは SSL を使用する必要があるため、接続 URL は wss:// になります。

次に、wx.onSocketOpen() メソッドを呼び出して、WebSocket 接続が開かれたときにコールバック関数を設定する必要があります。接続が開かれると、サーバーへのデータの送信を開始できます。ここでは、wx.sendSocketMessage() メソッドを使用して、Hello, World 文字列とその後に続く乱数をサーバーに送信します。プログラムを実行すると、サーバー コンソールに次の結果が出力されることがわかります:

WeChat アプレットでサーバー通信を確立する方法

これは、サーバーがクライアントから送信された文字列メッセージを正常に受信したことを示します。 . .

サーバーはメッセージをクライアントにフィードバックしますが、クライアントはサーバーからメッセージをどのように受信するのでしょうか?上記のサンプル コードで書いたように、ミニ プログラムで wx.onSocketMessage() メソッドを使用して、サーバーからクライアントに送信されるメッセージを監視できます。

wx.onSocketMessage(function (msg) {
console.log(msg)
})
ログイン後にコピー

私たちはミニのコンソール上にいます。

WeChat アプレットでサーバー通信を確立する方法

#このようにして、クライアントとサーバー間の単純だが完全な WebSocket 対話が完了します。この WebSocket 接続を閉じたい場合は、wx.closeSocket() を呼び出して閉じることができます。

WeChat アプレット開発チュートリアルの詳細については、PHP 中国語 Web サイト に注目してください。

以上がWeChat アプレットでサーバー通信を確立する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:zixun.jisuapp.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート