@cside.dev/next
轻松地将 Cside 纳入您的 NextJS 项目 .
安装
# npm
npm i @cside.dev/next
# yarn
yarn add @cside.dev/next
# pnpm
pnpm i @cside.dev/next
使用量
下一个 JS
页面路由器
// pages/_document.tsx
import Document, { Html, Head, Main, NextScript } from "next/document";
import { CSideScript } from "@cside.dev/next";
export default function Document() {
return (
<Html lang="en">
<Head>
<CSideScript /> {/* <- Here */}
</Head>
<body>
<Main />
<NextScript />
</body>
</Html>
);
}
应用路由器
// layout.tsx
import { CSideScript } from "@cside.dev/next";
export default function Layout({ children }) {
return (
<>
<CSideScript /> {/* <- Here */}
{children}
</>
);
}
道具
| Prop | 类型 | 默认 | 说明 |
|---|---|---|---|
teamId | string | —— 说 | 你的侧翼团队身份。 装入脚本 https://{teamId}.csidetm.com/script.js。 。 。 . |
deviceIntelligence | boolean | false | 装入设备智能脚本而不是默认的监视(tag management)脚本. 从 csidetm.com/script.js 改为 csidefd.com/client.js旧的 fingerprint 道具仍被尊为别名. |
scriptURLOverride | string | —— 说 | 使用完全自定义的脚本 URL 而不是从 teamId用于自我托管的代理和测试. |
传出 a teamId 以装入您的团队范围脚本 :
<CSideScript teamId="your-team-id" />
要装入该团队的设备智能脚本:
<CSideScript teamId="your-team-id" deviceIntelligence />
如果没有 teamId 也没有 scriptURLOverride 时,组件返回到默认代理脚本 https://proxy.csidetm.com/script.js (或 https://proxy.csidefd.com/client.js 何时 deviceIntelligence 实值 true) (中文(简体) ).
最低释放年龄
我们建议设置一个最小发布年龄,所以您的软件包管理器只安装已经发布至少7天的版本. 压缩包版本通常在发布后几天内被检测出且未发布,因此冷却会保护您免受npm供应链攻击. 这适用于你所有的依赖, 不仅仅是这个包.
# npm (.npmrc, in days)
min-release-age=7
# yarn (.yarnrc.yml, as a duration string)
npmMinimalAgeGate: "7d"
# pnpm (pnpm-workspace.yaml, in minutes)
minimumReleaseAge: 10080