Jenkins - Angular：如何在 git 推送后执行 ng 构建
Jenkins - Angular : how to execute ng build after git push
我如何在 git push trought Jenkins 之后执行 npm install 和 ng build 命令行？请注意我正在使用 BitBucket 作为远程存储库。
提前致谢。
安德里亚
为了自动 运行 构建，Jenkins 在 Hook URL 处侦听 POST 请求。您需要将此 URL 提供给 GitHub 上的存储库。然后，每当代码被推送到该存储库时，GitHub 将向 Hook URL 发送一个 POST 请求，Jenkins 将 运行 构建。
要获取 Jenkins 的 Hook URL，请打开 Jenkins 仪表板。
转到：管理 Jenkins > 配置系统
在 GitHub 插件配置下，单击“高级...”
选中“为 GitHub 配置指定另一个挂钩 url”
将出现一个带有钩子 URL 的文本框。这是 Jenkins 将侦听 POST 请求的 Hook URL。
在 GitHub.
打开您的存储库
点击屏幕右侧导航栏上的“设置”。
单击屏幕左侧导航栏上的“Webhooks & services”。
将您在上一步中复制的 URL 粘贴为“Payload URL”。
您可以 select 您希望触发 Jenkins 构建的事件。我们将 select “只是推送事件”，因为我们希望在将代码推送到存储库时 运行 构建
或者，您可以单击“让我 select 个别事件”以获取您可以 select 触发 Jenkins 构建的所有事件的列表。
点击“添加网络挂接”添加网络挂接。
在 Jenkins 中，转到您想要 运行 自动构建的项目的项目配置。
在“构建触发器”部分，select“将更改推送到 GitHub 时构建”。
保存您的项目。
当您将代码推送到 GitHub 存储库时，Jenkins 现在将 运行 构建
这些是在 Jenkins 中执行 shell 脚本的步骤：
在 jenkins 中添加 angular 构建脚本：
在 Jenkins 的主页 select 新项目。
输入项目名称，例如“我的 shell 脚本作业”，然后选择自由式项目。按确定。
在配置页面上，在构建块中单击添加构建步骤下拉列表和 select 执行 shell。
在文本区域中，您可以粘贴脚本或指示如何 运行 现有脚本。所以你可以说：
!/bin/bash
npm 安装
ng build --prod --aot
或者只是
/path/to/your/script.sh
单击保存。
现在，每当您输入 github 时，您的项目都将被部署并带有新的更改。
希望对您有所帮助:).
请按照以下步骤通过 Jenkins 设置 npm 安装和自动构建。
- 登录到您的詹金斯帐户
- 单击左侧菜单中的新建项目和 Select 自由式项目和
根据您的要求设置项目名称。
- 之后，在配置屏幕上设置您的 git 存储库项目 link。
- 然后下一个选项是自定义存储库并设置您的自定义服务器
通往那里的道路。
- 在源代码管理中单击 Git 并设置项目 link 和
凭据。
- 设置要用于构建的分支。
- 如果想运行每天进行此配置，请检查 Poll SCM
并设定时间。
- 然后转到构建管理并 select 执行 Shell 选项和
以正确的方式设置下面的命令。
- npm 安装
- ng build --no-aot --no-build-optimizer --base-href ./
- cp -R CUSTOM PATH(你的自定义仓库的路径，构建是 stored/dist/*) SOURCE PATH(你的源仓库的路径，项目是 运行) (这里你必须设置你的项目路径）
请查看下面的屏幕截图以便更好地理解
我如何在 git push trought Jenkins 之后执行 npm install 和 ng build 命令行？请注意我正在使用 BitBucket 作为远程存储库。
提前致谢。 安德里亚
为了自动 运行 构建，Jenkins 在 Hook URL 处侦听 POST 请求。您需要将此 URL 提供给 GitHub 上的存储库。然后，每当代码被推送到该存储库时，GitHub 将向 Hook URL 发送一个 POST 请求，Jenkins 将 运行 构建。
要获取 Jenkins 的 Hook URL，请打开 Jenkins 仪表板。
转到：管理 Jenkins > 配置系统
在 GitHub 插件配置下，单击“高级...” 选中“为 GitHub 配置指定另一个挂钩 url” 将出现一个带有钩子 URL 的文本框。这是 Jenkins 将侦听 POST 请求的 Hook URL。 在 GitHub.
打开您的存储库点击屏幕右侧导航栏上的“设置”。 单击屏幕左侧导航栏上的“Webhooks & services”。 将您在上一步中复制的 URL 粘贴为“Payload URL”。 您可以 select 您希望触发 Jenkins 构建的事件。我们将 select “只是推送事件”，因为我们希望在将代码推送到存储库时 运行 构建 或者，您可以单击“让我 select 个别事件”以获取您可以 select 触发 Jenkins 构建的所有事件的列表。
点击“添加网络挂接”添加网络挂接。 在 Jenkins 中，转到您想要 运行 自动构建的项目的项目配置。
在“构建触发器”部分，select“将更改推送到 GitHub 时构建”。 保存您的项目。
当您将代码推送到 GitHub 存储库时，Jenkins 现在将 运行 构建 这些是在 Jenkins 中执行 shell 脚本的步骤：
在 jenkins 中添加 angular 构建脚本： 在 Jenkins 的主页 select 新项目。 输入项目名称，例如“我的 shell 脚本作业”，然后选择自由式项目。按确定。 在配置页面上，在构建块中单击添加构建步骤下拉列表和 select 执行 shell。 在文本区域中，您可以粘贴脚本或指示如何 运行 现有脚本。所以你可以说：
!/bin/bash
npm 安装 ng build --prod --aot
或者只是
/path/to/your/script.sh 单击保存。 现在，每当您输入 github 时，您的项目都将被部署并带有新的更改。 希望对您有所帮助:).
请按照以下步骤通过 Jenkins 设置 npm 安装和自动构建。
- 登录到您的詹金斯帐户
- 单击左侧菜单中的新建项目和 Select 自由式项目和 根据您的要求设置项目名称。
- 之后，在配置屏幕上设置您的 git 存储库项目 link。
- 然后下一个选项是自定义存储库并设置您的自定义服务器 通往那里的道路。
- 在源代码管理中单击 Git 并设置项目 link 和 凭据。
- 设置要用于构建的分支。
- 如果想运行每天进行此配置，请检查 Poll SCM 并设定时间。
- 然后转到构建管理并 select 执行 Shell 选项和 以正确的方式设置下面的命令。
- npm 安装
- ng build --no-aot --no-build-optimizer --base-href ./
- cp -R CUSTOM PATH(你的自定义仓库的路径，构建是 stored/dist/*) SOURCE PATH(你的源仓库的路径，项目是 运行) (这里你必须设置你的项目路径）
请查看下面的屏幕截图以便更好地理解