本项目是基于 sdk-modules 文件夹，实现的 独立运行环境 快速体验样例。允许业务方将CLS控制台集成到自身页面，使用检索分析页面和仪表盘能力。
为达成业务对权限管控和页面集成的相关诉求，需要进行前端页面嵌入 和 后端接入层转发 逻辑的开发工作，详情请参考 独立运行环境接入文档。
注意：
对于仅需要实现控制台免登陆访问，无需特殊权限管控的客户，为减少工作量，
推荐使用 roleAccess 免登陆访问，
相关效果可参考 演示示例。
创建 ./capi-forward/.env 文件, 填写秘钥信息 和 环境密码。
# 环境变量区分大小写。secretId长度为36位，secretKey长度为32位。
secretId=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
secretKey=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<!-- 以下为可选配置： -->
# 部署在内网环境时，设置为 true
#internal=true
# 设置后支持密码鉴权，不设置则无任何鉴权
#demoPassword=123456
# 独立部署所在域名，设置后页面内所有跳转默认使用该域名
#CLS_DEPLOYMENT_HOST=clsiframe.com从源码构建最新镜像版本
docker build . --tag=cls_web运行容器
docker run --env-file ./capi-forward/.env -p 3001:3001 cls_web
Node 版本要求最低 14， 最佳实践为 16，因为使用了某些高级语法，旧版本 Node 不支持。
- 使用 pnpm 安装依赖。
如未使用 pnpm，请先 安装 。
在项目根目录执行
pnpm install -r命令安装依赖。如遇到安装出错，请在项目根目录运行
find . -name "node_modules" -type d -exec rm -rf '{}' +命令后重新进行安装。
- 项目构建与运行
在项目根目录运行
npm run build完成项目构建。在项目根目录运行
npm run serve启动项目。（用户可自行使用 PM2 等工具进行任务管理）注意：修改代码后需要重新进行构建
完成项目运行后，可在浏览器中打开相应页面。路径地址和参数格式，与控制台保持一致
# 检索分析页面：将以下网址中的 ${Region} 和 ${TopicId}，替换为对应的地域和日志主题ID，即可访问。${Query}为检索语句，可以为空。
http://localhost:3001/cls/search?region=${Region}&topic_id=${TopicId}&query=${Query}&time=now-h,now
# 检索分析页面: 将以下网址中的 ${Region} ${logset_name} ${topic_name}，替换为对应的地域、日志集名称、日志主题名称，即可访问。
http://localhost:3001/cls/search?region=${Region}&topic_name=${TopicName}&logset_name=${LogsetName}
# 仪表盘页面：将以下网址中的 ${dashboardId} 替换为仪表盘ID，即可访问。
http://localhost:3001/cls/dashboard/d?id=${dashboardId}&time=now-7d,now地域参数格式为ap-shanghai, 检索页面参数设置请参考检索页面参数设置
在业务内部系统中，直接将此SDK控制台页面，作为iframe嵌入，通过路由参数完成与其他页面的结合
// 一个快速查看效果的样例，请根据自身业务进行调整
function prepareSdkFrame(url) {
var ifrm = document.createElement("iframe");
ifrm.setAttribute("src", url);
ifrm.style.width = "1280px";
ifrm.style.height = "960px";
document.body.appendChild(ifrm);
}
const url = 'http://localhost:3001/cls/search?region=${Region}&topic_id=${TopicId}&query=${Query}&time=now-h,now'
prepareSdkFrame(url)