[如果您在创建应用后查看http://builder.shoutem.com，则该应用预览将在边栏中实时提供。
shoutem如何做到这一点，我在StackOverflow和Google周围进行了搜索，但找不到一种简洁的方法。
有没有人一劳永逸地详细解释它？
我实际上看到了这个How to render an App preview in browser using React，但是不像shoutem那样理解如何在一个大项目中实现它。
看起来他们使用的是https://appetize.io服务，这不是免费的:)。对于那些有兴趣提供此类服务的人，以下提示会有所帮助：
Appetize.io是Socket.IO的出色利用示例。
这种简单形式的想法是，服务器使用Socket.IO创建的开放式WebSocket，将从运行于其上的模拟器/模拟器实例获取的一系列屏幕截图（作为blob数据）流到Web浏览器。然后有一段JavaScript代码可以更新代表设备屏幕的画布。
[另一方面，它侦听鼠标与画布的交互，并使用一段javascript代码将这些交互发送到服务器，然后在服务器端，它将这些坐标转换为触摸命令，然后发送给模拟器/仿真器。] >
对于Android模拟器，使用ADB命令获取屏幕截图并发送带有坐标的触摸事件非常简单。您可以在此处找到许多有关发送触摸事件的想法：http://stackoverflow.com/questions/4386449/send-touch-event-from-adb-to-a-device
对于iOS模拟器仍然没有弄清楚。
复制自：（https://qr.ae/TW4XZr）