小编给大家分享一下如何使用hprose开发微信小程序,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!
1.下载微信小程序开发工具,安装
如果已经具有微信小程序开发工具就不用下载了,开发工具下载:mp.weixin.qq.com/debug/wxadoc/dev/devtools/devtools.html?t=1474644083132
2.下载hprose-html5 或者 hprose-js
下载地址: hprose-html5 或者 hprose-js。
推荐使用 hprose-html5 版本,这个版本更小,支持二进制数据传输,而且更快。
可以用 git clone 下载,也可以只下载 dist 目录下的文件,
3.以 hprose-html5 版本为例:
hprose-html5.src.js 是源码版本 hprose-html5.js 是压缩版本
这两个版本都可以用。调试阶段建议用源码版本。但不要使用 hprose-html5.min.js 版本,这个版本是压缩版本的,不支持在微信小程序中编译。
之后,你可以把它们复制到你创建的那个微信小程序的 utils 目录下(复制其中一个就可以),然后将它改名为 hprose.js(这一步可选,只为后面引用的时候,名称统一)。
接下来,打开 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: {} }, //事件处理函数 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 来做微信小程序开发了。
看完了这篇文章,相信你对“如何使用hprose开发微信小程序”有了一定的了解,如果想了解更多相关知识,欢迎关注亿速云行业资讯频道,感谢各位的阅读!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。