前后分离兼攻守,干活带风嗖嗖嗖

上一篇写了猪跑上码头(Drupal on Docker),Drupal 诞生于2001年,那个时候攒台电脑还要跑去中关村。虽然 Docker 也算显年轻,但为了证明40岁不是 Coder 的年龄大限,这一篇我决定把 React 也拉进来。(什么,华为从34岁就开始清理了?扶我坐下……) 用 React 做前端,开发 SPA(单页面应用),就不再需要 Drupal 繁琐的模版主题了。保留 Drupal 的纯后台功能,通过 RESTful API 来实现前后数据通信。 即所谓的前后分离、Headless Drupal,等等。 必要时,还可以在 React 与 Drupal 之间再加上 Node 这一层,做一些访问数据库之前的逻辑处理,或实现首屏页面服务端渲染以优化SEO等。 这样一来,后台用 Drupal 快速定制功能,还天然捎带了一个多用户权限的后台管理系统;前端用 React 可随意定制各种样式的页面。当然后台也可以换成 Java PHP Go Scala Python 第三方云服务等你或你同事或你客户开心的技术来做,反正前后分离了。 正所谓进可攻,退可守,干活带风嗖嗖嗖。 WordPress 其实早就这么做了,wordpress.com的dashboard,已经全部由 React + Node 重构,通过 RESTful API 与 WordPress 后台通信。 我之所以没有选 WordPress,是因为 Drupal 的 API 定制功能更加灵活,而 WordPress 更适合内容发布型的应用。 Drupal 8 内置了生成 RESTful API 的方法,直接上官方文档,很详细。 当然,跟后台技术不限一样,前端也可以用 Angular 或

猪跑上码头

本文讲述如何搭建docker上的drupal开发环境,让猪跑上码头。 安装ubuntu 16.04 64位,本文使用 qcloud 按官方指引安装docker Example: Install Docker on Ubuntu Linux 用sudo权限的user登入 检查一下是否安装了curl $ which curl *如果没有安装: $ sudo apt-get update $ sudo apt-get install curl 获取最新的docker包 $ curl -fsSL https://get.docker.com/ | sh 鉴于跨国网速,大约需要一二十分钟不等。 将当前系统用户加入docker用户组 只有 root 用户和 docker 组的用户才可以访问 Docker 引擎的 Unix socket。 $ sudo groupadd docker $ sudo usermod -aG docker $USER 安装docker-compose Install Docker Compose (Define and run multi-container applications with Docker.) $ curl -L https://github.com/docker/compose/releases/download/1.11.2/docker-compose-`uname

MaxMSP与其他软件的三种连接方式

在知乎看到了一个问题:Cycling ’74 的Max7如何与Flash连接? 里面问到了flosc,说资料不好找。 这真是个勾起回忆的话题,很久很久以前,when I was young …… 就以Flash为引子,介绍Max的三种通信(连接)方式。从通信协议角度可以分为:OSC(UDP),TCP,HTTP。 关于一些术语的解释,摇摆后决定:能google到的根本轮不到我啰嗦。 1. OSC(UDP) Flash因为对UDP支持不太好,所以早年间无法直接通过OSC将Flash与Max相连接。于是有了flosc。 flosc其实是一个第三方网关,说起来也有十几岁了。。 Flash通过TCP连到flosc,flosc通过OSC与Max相连,间接实现Flash与Max通信。 这里的flosc还可以下载,一般只有老司机才能找到: http://transmote.com/flosc/ “last updated december 6, 2003“ 向作者致敬,站还开着呢 Orz 但是如果你用Flash做AIR开发,AIR其实是支持UDP的,这样理论上可以跳过flosc。 AIR UDP 文档:DatagramSocket Adobe ActionScript® 3 (AS3 ) API Reference 关于AIR的UDP,这真是个勾起回忆的话题,很久很久以前,有个戴红领巾的少年,胸中有一团火焰…… 下边这段AIR UDP的介绍发于2010年的豆瓣: 【互动青年醒目】flash player 10.1 与 air 2.0新特性 …… Advanced networking capabilities like secure sockets, UDP support, and the ability to listen on sockets.(Air Only) 网络功能增强,注意里面的“UDP support”,这是很振奋人心的消息(至少我被小振了一下)。简单的并形象的说,“OSC”是互动青年们常会遇到的词,尤其是把processing、Arduino、msp、pd、vvvv等等进行互联的时候,通信标准往往是OSC。而OSC是基于UDP协议的,而flash一直是不支持UDP的(除了视频流方面略微支持)。。。所以以前想把Arduino或processing等与flash连接,如果要使用OSC模式,就必须通过flosc等网关或代理模块,先让Arduino与flosc以OSC(UDP)方式连接,flosc再与flash以TCP方式连接。总之现在可以抛掉flosc,让Arduino与flash赤裸相见了。 网络功能增强,注意里面的“UDP support”,这是很振奋人心的消息(至少我被小振了一下)。简单的并形象的说,“OSC”是互动青年们常会遇到的词,尤其是把processing、Arduino、msp、pd、vvvv等等进行互联的时候,通信标准往往是OSC。而OSC是基于UDP协议的,而flash一直是不支持UDP的(除了视频流方面略微支持)。。。所以以前想把Arduino或processing等与flash连接,如果要使用OSC模式,就必须通过flosc等网关或代理模块,先让Arduino与flosc以OSC(UDP)方式连接,flosc再与flash以TCP方式连接。总之现在可以抛掉flosc,让Arduino与flash赤裸相见了。 不过UDP是OSC的底层协议,要直接用OSC格式传数据,还需要一系列协议封装工作。 2. 直接用TCP协议连接 Flash支持TCP,或通常意义上的Socket:

Wendu – H5 E-Mall [2016]

“Wendu” is an O2O shopping E-Mall, with store, club, order, shopping, event, meetup and more kinds of functions. Yidan:Prototype, UI, interactive design, visual design.Sketch, Modao. Contra:Web development.Reactjs, Nodejs, PHP, RESTful API.

Miss Mama – App [2015]

“Miss Mama” provides the most convenient baby growth record and the most detailed statistical analysis of health data for the novice mother, so that you can understand the baby’s growth and development anytime and anywhere. The health data cloud provides a complete medical file for the baby to provide medical treatment for the baby. The most comprehensive and detailed health information. Yidan: Prototype, UI, interactive design, visual design.Sketch, Principle. Contra:Project management,