美文网首页Hprose我爱编程程序员
异步通信组件hprose在微信小程序中的使用例子

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

作者: 吾字天河 | 来源:发表于2018-05-28 17:35 被阅读178次

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

    目前在新版中无法使用

    现在写一个例子

    第一步:

    准备好一个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比较多

    相关文章

      网友评论

        本文标题:异步通信组件hprose在微信小程序中的使用例子

        本文链接:https://www.haomeiwen.com/subject/dxmgjftx.html