你当前正在访问 Microsoft Azure Global Edition 技术文档网站。 如果需要访问由世纪互联运营的 Microsoft Azure 中国技术文档网站,请访问 https://docs.azure.cn

Azure Static Web Apps 中的代码片段

利用 Azure Static Web Apps,可以在运行时将自定义代码注入 headbody 元素中。 这些代码段称为“代码片段”

代码片段使你可以灵活地将代码添加到网站中的每个页面,而无需修改核心代码库。

代码片段的常见用例包括:

  • 分析脚本
  • 公用脚本
  • 全局 UI 元素

备注

某些前端框架可能会覆盖代码片段。 在将代码片段应用到生产环境之前对其进行测试。

添加代码片段

  1. 前往 Azure 门户中的静态 Web 应用。

  2. 在“设置”菜单中,选择“配置”

  3. 选择“代码片段”选项卡

  4. 选择“添加”按钮。

  5. 在“代码片段”窗口中输入以下设置:

    设置 “值” 注释
    位置 选择要在其中注入代码的 HTML 页面元素。
    名称 输入代码片段名称。
    插入位置 选择是将代码“前置”还是“追加”到所选元素 前置意味着代码直接显示在元素的开始标记之后。 追加意味着代码直接显示在元素的结束标记之前
    环境 选择目标环境类型。 如果选择“选择环境”,则可以从不同的目标环境中进行选择
  6. 在文本框中输入代码。

  7. 选择确定关闭窗口。

  8. 选择“保存”,以提交更改。

后续步骤