欧美综合影院在线影院,国产精品女人久久久久久,日韩精品无码去免费专区,樱花草在线社区WWW日本影院

Menu
小程序資訊
小程序資訊
教你如何在微信小程序中使用 Hprose
時間:2016-10-19 18:20:00

微信小程序 SDK 剛剛出來,就已經(jīng)有一堆入門教程了。然而并沒有關于如何在微信小程序中進行網(wǎng)絡通訊的教程,所以我們今天就來講一下新鮮出爐的獨門絕技——hprose 如何在微信小程序中實現(xiàn)通訊。

首先下載微信小程序開發(fā)工具,之后安裝。

然后按照網(wǎng)上那一堆微信小程序 Hello World 教程創(chuàng)建一個小程序。

接下來我們下載 hprose-html5 或者 hprose-js。推薦使用 hprose-html5 版本,這個版本更小,支持二進制數(shù)據(jù)傳輸,而且更快。

可以用 git clone 下載,也可以只下載 dist 目錄下的文件,以 hprose-html5 版本為例:

hprose-html5.src.js 是源碼版本 hprose-html5.js 是壓縮版本

這兩個版本都可以用。調試階段建議用源碼版本。但不要使用 hprose-html5.min.js 版本,這個版本是壓縮版本的,不支持在微信小程序中編譯。

之后,你可以把它們復制到你創(chuàng)建的那個微信小程序的 utils 目錄下(復制其中一個就可以),然后將它改名為 hprose.js(這一步可選,只為后面引用的時候,名稱統(tǒng)一)。

接下來,打開 pages/index/index.js 文件。

在開頭加上:

var hprose = require('../../utils/hprose.js');

然后在 onLoad 事件中加入以下代碼:

var client = hprose.Client.create("http://www.hprose.com/example/", ["hello"]);
client.hello("world", function(result) {
  console.log(result);
});

總體看上去是這樣的:

//index.js

var hprose = require('../../utils/hprose.js');

//獲取應用實例var app = getApp()

Page({

data: {

motto: 'Hello World',

userInfo: {}

},

//事件處理函數(shù)

bindViewTap: function() {

wx.navigateTo({

url: '../logs/logs'

})

},

onLoad: function () {

console.log('onLoad')

var client = hprose.Client.create("http://www.hprose.com/example/", ["hello"]);

client.hello("world", function(result) {

console.log(result);

});

var that = this

//調用應用實例的方法獲取全局數(shù)據(jù)

app.getUserInfo(function(userInfo){

//更新數(shù)據(jù)

that.setData({

userInfo:userInfo

})

})

}

})

然后點編譯,運行,如果你的網(wǎng)絡沒有問題的,你會在調試控制臺中看到:

這里寫圖片描述

好了,就這么簡單,接下來,你就可以用 hprose 來做微信小程序開發(fā)了。

咨詢
微信掃碼咨詢
電話咨詢
400-888-9358