🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
> IM系统不能自动在cms、问答等插件的前台部署,需您根据本章内容进行引入,**总的来说就是引入一个js和css文件然后添加一行js代码,看得懂`html`的开发者同学,请直接滑至页末。** ### 其他模块调用 1、 找到需要调用IM系统的页面的视图文件,比如:`FastAdmin`站点首页是`application/index/view/index/index.html`文件 2、 也可以找到整个模块的公共meta模板文件,比如`FastAdmin`的`index`模块的公共`meta`模板文件是:`application/index/view/common/meta.html`,在此文件完成调用流程后,整个`index`模块的页面都可以启用IM系统,除非某页面没有使用公共meta模板 3、 在你选择的视图文件中引入: `__CDN__/assets/addons/fastim/css/fastim_default.css`文件。 `__CDN__/assets/addons/fastim/js/fastim.js`文件。 `__CDN__/assets/libs/jquery/dist/jquery.min.js`,若没有引入过`Jquery`才需引入它 OIpkbpN+VrQS1AZBqWv5/A== 4、`<script>`标签内添加代码:`FastIm.initialize(此处请改为您的站点域名,无需携带协议与端口);` 5、 可在页末查看示例代码 RMcwtEx55QodvLJP1E4PSA== ### 在外站调用 1、 找到您要调用IM的页面的文件 2、 在该文件内引入 `您的域名/assets/addons/fastim/css/fastim_default.css`文件 `您的域名/assets/addons/fastim/js/fastim.js`文件 `您的域名/assets/libs/jquery/dist/jquery.min.js`,若没有引入过`Jquery`才需引入它 vHfiSop8+mC+XxLx5+LEeQ== 3、`<script>`标签内添加代码:`FastIm.initialize(此处请改为您的站点域名,无需携带协议与端口);` 4、 可在页末查看示例代码 TMhbNPH2j048CePZzub3dA== ### 注意事项 * 站点首页也属于其他模块,只有后台和用户中心(含登录注册页面是可以自动部署的) * 其他模块调用时,不使用二级域名,可以实现前台用户自动登录 ### 通用调用示例 ~~~xml <!-- 本文件出现的所有`您的域名`字样,均需替换为启动Swoole服务的域名,例如:`http://fastim.com` --> <html> <head> <title>CMS、社区等其他模块或外站的调用示例</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link rel="stylesheet" type="text/css" href="您的域名/assets/addons/fastim/css/fastim_default.css" /> <script type="text/javascript" src="您的域名/assets/addons/fastim/js/fastim.js"></script> <!-- Jquery,按需引入 --> <script type="text/javascript" src="您的域名/assets/libs/jquery/dist/jquery.min.js"></script> </head> <body> <script type="text/javascript"> $(document).ready(function () { FastIm.initialize('您的域名,无需携带协议和端口,列如:fastim.com', () => { // 直接打开主窗口,注释掉下面这一行则不自动打开 FastIm.showWindow('fastim'); }); }); </script> </body> </html> ~~~