> 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>
~~~