教你如何在微信小程序中使用 Hprose

微信小程序 SDK 刚刚出，就已经存有一堆入门教程了。然而并没关于如何在微信小程序中展开网络通讯的教程，所以我们今天就来说一下新鲜出炉的独门绝技——hprose 如何在微信小程序中同时实现通讯。

首先浏览微信小程序开发工具，之后加装。

然后按照网上那一堆微信小程序 Hello World 教程建立一个小程序。

接下来我们浏览 hprose-html5 或者 hprose-js。所推荐采用 hprose-html5 版本，这个版本更大，积极支持二进制数据传输，而且更慢。

可以用 git clone 浏览，也可以只浏览 dist 目录下的文件，以 hprose-html5 版本为基准：

hprose-html5.src.js 就是源码版本 hprose-html5.js 就是放大版本

这两个版本都可以用。调试阶段建议用源码版本。但不要采用 hprose-html5.min.js 版本，这个版本就是放大版本的，不积极支持在微信小程序中编程。

之后，你可以把它们导入到你建立的那个微信小程序的 utils 目录下（激活其中一个就可以），然后将它更名为 hprose.js（这一步可以选，只为后面提及的时候，名称统一）。

接下来，关上 pages/index/index.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: {}

},

//事件处理函数

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

//调用应用领域实例的方法以获取全局数据

app.getUserInfo(function(userInfo){

//更新数据

that.setData({

userInfo:userInfo

})

})

}

})

然后点编程，运转，如果你的网络没问题的，你可以在调试控制器中看见：

这里写下图片叙述

不好了，就这么直观，接下来，你就可以用 hprose 去搞微信小程序开发了。