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