异步通信组件hprose在微信小程序中的使用例子

96
吾字天河
2018.05.28 17:35 字数 597

网上搜索了在微信小程序中的使用,基本都是最老的版本

目前在新版中无法使用

现在写一个例子

第一步:

准备好一个hprose的服务端,什么语言的都行,我这里使用的是nodejs版本的

我进入开源的官方github下 https://github.com/hprose/hprose-nodejs

然后下载这个到D:\hprose-nodejs

看图


然后在空白处shift+右键 在此处运行命令行  打开命令行提示符

输入 npm install --save 


完成nodejs的依赖安装(ps:安装中有可能会出现报错,执行命令修复 有提示的哦)

在当前目录下建立一个hprose_server.js的文件

文件内容填写

var hprose = require("./lib/hprose");

function hello(name) {

    return "Hello " + name + "!";

}

function arr(arg){

    var arr = new Array()

      arr[0]="arr0"

      arr[1]="arr1"

      arr[2]="arr2"

      if(arg){

        arr[3]=arg

      }


    return arr

}

function obj(obj) {

    person=new Object();

    person.firstname="Bill";

    person.lastname="Gates";

    person.age=56;

    person.eyecolor="blue";

    console.log(obj)

    return person;

}

var server = new hprose.Server("http://0.0.0.0:8080");

server.add(hello);

server.add(arr);

server.add(obj);

server.start();

看图


打开package.json 在script选项中增加start启动服务命令 "start": "node hprose_server.js"(ps:注意增加json数组项目,前一项有个逗号)

看图


ok 准备完毕 开启服务 npm run start

看图


运行之后 打开浏览器的127.0.0.1:8080进行测试 

看图


出现类似的就是成功开启服务

第二步:微信小程序中的使用方法

1.打开微信的开发工具,建立小程序开发项目的默认模板

2.下载hprose_wx版本,同样也是在hprose官方开源github里面找

下载之后将目录下/dist中的三个文件复制到建立的小程序的项目中的utils目录下

3.在页面引用hprose

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

var co = hprose.co;

var regeneratorRuntime = require("../../utils/regenerator-runtime.js");

看图


建立测试方法


然后在在小程序onload函数下引用次函数

看图


ok 完成了 如果测试成功 在小程序的console控制面板就会看到输出了Hello World

看图


好了 使用的例子 就到这里 hprose服务端函数的使用 每个版本不一样 请看官方说明文档

我个人使用nodejs或者php比较多

微信小程序开发
Web note ad 1