混合开发视频原创

大家好，欢迎查看腾讯云I'm flutter混合开发集成方案的演示视频，使用flutter混合开发可以很方便地为您现有的Android iOS双端原生开发APP，在仅新增一套代码的情况下，快速加入腾讯云I'm的聊天、音视频通话等能力，并结合腾讯云I'm flutter TY kit，在半天内即可完成开发工作。本视频主要演示两种开发方案，Flutter多引擎集成和flutter单引擎集。我们推荐您采用flutter多引擎集成的方案接入，即chat聊天模块和Co音视频通话模块分离，只有用户手动进入聊天模块时才能参与聊天。音视频通话模块则不受影响，您可在通话呼入时拉起一个全屏弹窗承载音视频通话的界面，通话结束后弹窗自动关闭，保证用户体验的流畅性。下面我们看看具体实现的效果，左侧模拟器运行混合开发项目，右侧模拟器运行纯flutter开发的DEMO项目，用于配合演示消息收发及音视频通话能力，请大家着重关注左侧模拟器。

您现在看到的左侧模拟器位于应用首页，这是一个iOS原生开发的项目，点击I原生开发的一个按钮，通过导航的形式跳转至用于承载flatter chat的页面。这是我们第一个flutter引擎，点击一个会话，进入与右侧模拟器聊天的页面，发送一条消息，测试消息能正常互通收发，现在演示离线推送能力，当应用不在线时，右侧模拟器发送一条消息，点击左侧模拟器的通知弹窗，正常拉起应用，当应用不再flutter承载的页面时，由native层收到，点击事件预处理后导航至flutter chat页面，并通过met channel透传EST信息回到对应的聊天页面。当我音视频通话请求呼入时，Fla的扩模块通知native将其以弹窗的形式拉起，即可正常接听，挂断后再通知native将其弹窗关闭。因此，无论当前用户是否处于native页面，亦或处于flatter chat页面，都可以正常自动拉起并关闭弹窗，保证用户体验的流畅性。以上就是flutter多引擎方案的演示教程。

此外，我们还提供单引擎方案，其示指将聊天和音视频通话模块合并至一个flatter项目，在native端以一个页面承载，可以将其看作是在您的原生开发APP里嵌入了一个页面，完全使用Fla开发。当我新通话呼入时，需要先跳转至Fla引擎所在的页面才能自动展示。下面我们看看具体实现的效果。同理，左侧的模拟器运行混合开发项目，右侧的模拟器运行纯Fla特开发DEMO项目，点击按钮，拉起唯一用于承载Fla特引擎的页面。chat模块和core模块都注册于这个引擎中，两端模拟器测试可正常收发消息。当有新的通话呼入时，还在原页面弹出通话呼入页面，当用户不在Fla特引擎所在页面时，需要先跳转之其才能展示出通话页面，且通话结束后默认情况下会停留在chat页面，除非手动监听替用户返回原有页面，因此这可能会打断用户原来的操作。对于离线推送，当应用不在线时，右侧模拟器发送一条消息，点击左侧模拟器的通知弹窗，正常拉起应用。当应用不在flatter承载的页面时，同理，Native层收到点击事件预处理后，导航至flutter chat页面，并通过ma channel透传EST信息回到对应的聊天页面。

以上就是腾讯云I'm flutter原生混合开发方案的演示视频，详细内容及演示DEMO源码都可在我们的文档中找到，谢谢。