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

 首先下载 微信小程序开发工具,之后安装。

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

接下来我们下载 hprose-wx,或者从开源中国的 Git 服务器镜像下载。

可以用 git clone 下载,也可以只下载 dist 目录下的文件,dist 目录下面的这两个版本都可以用:

  • hprose.src.js 是源码版本
  • hprose.js 是压缩版本

调试阶段建议用源码版本。

之后,你可以把它们复制到你创建的那个微信小程序的 utils 目录下(复制其中一个就可以),然后将它改名为 hprose.js(这一步可选,只为后面引用的时候,名称统一)。

接下来,打开 pages/index/index.js 文件。

在开头加上:

JavaScript代码
 
  1. var hprose = require('../../utils/hprose.js');  

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

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

总体看上去是这样的:

JavaScript代码
 
  1. //index.js  
  2.   
  3. var hprose = require('../../utils/hprose.js');  
  4.   
  5. //获取应用实例  
  6. var app = getApp()  
  7. Page({  
  8.   data: {  
  9.     motto: 'Hello World',  
  10.     userInfo: {}  
  11.   },  
  12.   //事件处理函数  
  13.   bindViewTap: function() {  
  14.     wx.navigateTo({  
  15.       url: '../logs/logs'  
  16.     })  
  17.   },  
  18.   onLoad: function () {  
  19.     console.log('onLoad')  
  20.     var client = hprose.Client.create("http://www.hprose.com/example/", ["hello"]);  
  21.     client.hello("world"function(result) {  
  22.       console.log(result);  
  23.     });  
  24.     var that = this  
  25.     //调用应用实例的方法获取全局数据  
  26.     app.getUserInfo(function(userInfo){  
  27.       //更新数据  
  28.       that.setData({  
  29.         userInfo:userInfo  
  30.       })  
  31.     })  
  32.   }  
  33. })  

然后点编译,运行,如果你的网络没有问题的,你会在调试控制台中看到:

Hello World

好了,就这么简单,接下来,你就可以用 hprose 来做微信小程序开发了。

如果你用的是微信小程序的正式开发账号,那么连接的服务器地址应该是 https 的而不能是 http 的,而且应该在开发账号里设置要连接的服务器地址。

 

标签: hprose

« 上一篇 | 下一篇 »

只显示10条记录相关文章

发表评论

评论 (必须):