Jenkins-Angular：git push后如何执行ng build

Question

在git push导致Jenkins之后，如何执行npm install和ng build commnad行？请确认我正在使用 BitBucket 作为远程存储库。

先谢谢。 安德里亚

Answer 1

请按照以下步骤设置npm安装并通过Jenkins自动构建。

1. 登录到您的詹金斯帐户
2. 从左侧菜单中单击“新建项目”，然后选择“ Freestyle”项目，然后 根据您的要求设置项目名称。
3. 之后，在“ Configure”（配置）屏幕上，设置您的git仓库项目链接。
4. 下一个选项是自定义存储库并设置自定义服务器 进入那条路。
5. 在“源代码管理”中，单击Git并设置“项目”链接，然后 凭据。
6. 设置要用于构建的分支。
7. 如果要以拨号方式运行此配置，而不是选中“轮询SCM” 并设置时间。

8. 然后转到Build Management并选择Execute Shell选项，然后 正确设置以下命令。

   • npm安装
   • ng build --no-aot --no-build-optimizer --base-href ./
   • cp -R CUSTOM PATH（构建的自定义存储库的路径/ dist / *）SOURCE PATH（运行项目的源存储库的路径）（在此处必须设置项目路径）

请在下面的屏幕截图中查找以更好地理解

Answer 2

要自动运行构建，Jenkins会在Hook URL上侦听POST请求。您需要将此URL提供给GitHub上的存储库。然后，每当将代码推送到该存储库时，GitHub就会将POST请求发送到Hook URL，而Jenkins将运行该构建。

要获取Jenkins的Hook URL，请打开Jenkins仪表板。

转到：管理Jenkins>配置系统

在GitHub插件配置下，点击“高级...” 选中“为GitHub配置指定另一个挂钩URL” 出现一个带有钩子URL的文本框。这是Jenkins用来监听POST请求的Hook URL。 在GitHub上打开您的存储库。

点击屏幕右侧导航栏上的“设置”。 点击屏幕左侧导航栏中的“ Webhooks和服务”。 将您在上一步中复制的URL粘贴为“有效载荷URL”。 您可以选择要触发Jenkins构建的事件。我们将选择“仅推送事件”，因为我们希望在将代码推送到存储库时运行构建 或者，您可以单击“让我选择单个事件”以获取所有事件的列表，您可以选择这些事件来触发Jenkins构建。

点击“添加Webhook”以添加该Webhook。 在Jenkins中，转到要为其运行自动构建的项目的项目配置。

在“构建触发器”部分中，选择“将更改推送到GitHub时构建”。 保存您的项目。

当您将代码推送到GitHub存储库时，Jenkins现在将运行构建 这些是在Jenkins中执行Shell脚本的步骤：

在jenkins中添加角度构建脚本： 在Jenkins的主页中，选择New Item。 输入项目名称，例如“我的shell脚本作业”，然后选择Freestyle项目。按确定。 在配置页面的Build块中，单击Add build step下拉菜单，然后选择Execute shell。 在文本区域中，您可以粘贴脚本或指示如何运行现有脚本。所以你可以说：

！/ bin / bash

npm安装 ng build --prod --aot

或者只是

/path/to/your/script.sh 单击保存。 现在，每当您推入github时，您的项目就会进行新的更改。 希望对您有所帮助：）。