若您在集成 IM UIKit 时，只需要集成聊天页面（会话消息组件），不需要会话列表、通讯录、搜索等其他页面，可以参考本文实现。

效果展示

前提条件

已完成 IM 初始化以及 UIKit 相关配置，具体请参考 快速开始。

操作步骤

1. 参考组件导入和初始化文档，在 UIKit 组件导入并初始化后，完成聊天（会话消息）页面相关路由配置。

   {
   "pages": [
       {
       "path": "pages/NEUIKit/pages/Chat/index",
       "style": {
           "navigationBarBackgroundColor": "#F6F8FA",
           "navigationBarTextStyle": "black",
           "navigationStyle": "custom",
           "enablePullDownRefresh": false,
           "app-plus": {
           "softinputNavBar": "none",
           "bounce": "none"
           }
       }
       ]
   }
   

2. 将项目的其他页面跳转至聊天页面。

   在路由跳转前，您需要调用 uni.$UIKitStore.uiStore.selectSession 接口，并传入 sessionId（sessionid 由scene 和 account 或者 teamId 组成）

   单聊 const sessionId = p2p-account，例如 p2p-123456 群聊 const sessionId = team-teamId，例如 team-123456

   完整示例代码如下：

   JavaScriptconst navigateToChat = (account) => {
       const sessionId = `p2p-${account}`
       await uni.$UIKitStore.uiStore.selectSession(session.id)
       uni.navigateTo({ url })
   }