微信小程序联接 Meteor

作者: 浮点量化 | 来源:发表于2016-10-05 16:00 被阅读1681次

    最近微信小程序有多火就不用再做介绍了。刚出来我浏览了下文档的时候

    WTF

    后来使用了一下感觉也不是很成熟,文档信息很少而且也不太准确。微信开发团队的步子还是迈得有点大,希望他们不要扯着蛋了。


    现在介绍微信小程序的文章已经很多了,那 200 个拿到了 AppId 的开发者估计是签了什么协议,也没人出来说些什么,所以到底什么情况大多数人也不太清楚。

    我最近试了试利用 Meteor 的 DDP 协议和 Meteor 一起使用,使用 Publication/Subscription 实现了 Reactive UI,也利用 Method 实现了客户端、服务器端通信。见下图,左边是微信小程序,右边是网页,操作两边都会在另一个终端上实现自动更新。

    微信小程序 Reactive UI

    当然微信小程序也可以使用 HTTP 和 Meteor 交换数据,不过那就和其他框架没有什么区别了。

    下面来介绍一下微信小程序通过 DDP 协议和 Meteor 交换数据。

    Meteor App

    这里我们以 这个 Meteor 的 React todo list 例子 来作为我们的 Meteor 后端。我已经把这个例子打包在下面的 demo repo 里,请 clone 后面的 demo 源代码并在启动微信小程序例子前运行这个例子。

    Webpack 打包

    需要把 DDP 的客户端 npm 包再打包,因为微信小程序没有 exports 和 module,不是完整支持 CommonJS,打包后微信小程序才可以使用。使用 webpack 打包 asteroid,一个 Meteor 的 DDP 协议包。如果对 webpack 不熟悉的可以参考 这篇文章

    我例子还打包了 underscore 包。

    代码

    我的例子源代码 在这里 - Github repo


    现在很多人连 RN 都不敢用更别说这个微信小程序了。当然我掌握的信息有限,就看后面微信团队会不会发更大的招了,或者说小程序就是一个真正的小程序,最后还是以 webview 为主?

    最后这一篇文章也不错 微信小程序开发三宗罪和解决方案.

    相关文章

      网友评论

      • marlti7:添加asteroid包之后,会出现this.SocketConstructor is not a constructor这个问题?怎么解决
        浮点量化:@marlti7 https://mp.weixin.qq.com/debug/wxadoc/dev/api/network-socket.html 估计和这个微信限制了 websocket 的连接数有关
        浮点量化:@marlti7 https://github.com/Micjoyce/wechat-mina-ddp-example

        There is another new and updated repo might help you.
      • 习惯安静丶:厉害了我的哥
      • 6616c63bebed:没有签什么协议,拿到内测号所能使用的功能和所有人一样,只多了能在手机上预览一下的能力。调手机页面的布局是一个非常痛苦的过程 :sob:
        浮点量化:@6616c63bebed 用 flex 应该还好的吧

      本文标题:微信小程序联接 Meteor

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