websocket mqtt 区别

本人java开发，最近在思考即时通讯的知识，然后websocket和mqtt就有点懵逼了。网上说websocket适应于页面，mqtt适应于客户端。
但是发现vue也能直接连接mqtt。而且安卓app也能通过websocket连接服务器。这样瞬间我就懵逼了。

不知道有没有大神指导一下，商用的即时通讯，有页面的也有app的一般的都是什么架构呢？或者实现方式是什么样子的呢？