[Document]: Add new quick start doc with more details and gifs (#13607)

* doc: new quick start doc with more detail and gif

copy paste from https://github.com/bitsondatadev/trino-getting-started/pull/22

and the chinese translate by Google Translate

---------

Co-authored-by: Eric Gao <ericgao.apache@gmail.com>
This commit is contained in:
Jay Chung 2023-02-28 11:20:28 +08:00 committed by GitHub
parent 9668c84d30
commit c1fd1cba1b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
23 changed files with 151 additions and 60 deletions

View File

@ -1,61 +1,118 @@
# Quick Start
This is a Quick Start guide to help you get a basic idea of working with Apache DolphinScheduler. Once you've gone through the tutorial video, we encourage you to find out more about Apache DolphinScheduler functions and examples in .
In this section, we will use DolphinScheduler to create and run a simple workflow step by step. During this journey,
you will learn the basic concepts of DolphinScheduler and know the most basic configuration to run the workflow. We
provide both video and text in this tutorial, you can choose the way you prefer
## Video Tutorial
<figure class="video_container">
<iframe src="https://www.youtube.com/embed/nrF20hpCkug" frameborder="0" allowfullscreen="true"></iframe>
</figure>
## Administrator User Login
## Text Tutorial
* Address: http://localhost:12345/dolphinscheduler
* Username and password: admin/dolphinscheduler123
### Setup Dolphinscheduler
![login](../../../../img/new_ui/dev/quick-start/login.png)
You have to install and start dolphinscheduler first before go ahead. For beginners, we recommend setting up
DolphinScheduler with the official Docker image or with the standalone server.
## Create a queue
* [standalone server](https://dolphinscheduler.apache.org/en-us/docs/3.1.3/guide/installation/standalone)
* [docker](https://dolphinscheduler.apache.org/en-us/docs/3.1.3/guide/start/docker)
![create-queue](../../../../img/new_ui/dev/quick-start/create-queue.png)
### Build Your First Workflow
## Create a tenant
You can log in DolphinScheduler through http://localhost:12345/dolphinscheduler/ui and the default username/password
is `admin/dolphinscheduler123`.
![create-tenant](../../../../img/new_ui/dev/quick-start/create-tenant.png)
![login](../../../../img/start/login.gif)
## Create Ordinary Users
#### Create Tenant
![create-user](../../../../img/new_ui/dev/quick-start/create-user.png)
Tenant is an important concept while using DolphinScheduler, so
let's briefly introduce the concept of tenant first.
## Create an alarm instance
DolphinScheduler maps the `admin` account you use to log into DolphinScheduler to `user`.
To better control system resources, DolphinScheduler introduces the concept of
tenants, which are used to execute tasks.
![create-alarmInstance](../../../../img/new_ui/dev/quick-start/create-alarmInstance.png)
The brief is as follows:
## Create an alarm group
* User: login web UI, do all operations in the web UI, including workflow management and tenant creation.
* Tenant: the actual executor of the task, A Linux user for DolphinScheduler worker.
![create-alarmGroup](../../../../img/new_ui/dev/quick-start/create-alarmGroup.png)
We can create a tenant in DolphinScheduler `Security -> Tenant Manage` page.
## Create a worker group
![create-tenant](../../../../img/start/create-tenant.gif)
![create-workerGroup](../../../../img/new_ui/dev/quick-start/create-workerGroup.png)
#### Assign Tenant to User
## Create environment
As we have shown above in `Create Tenant` section, the`user` can not run tasks until we assign it with a `tenant`.
![create-environment](../../../../img/new_ui/dev/quick-start/create-environment.png)
We can assign a tenant to a specific user in DolphinScheduler `Security -> User Manage` page.
## Create a token
![assign-tenant](../../../../img/start/assign-tenant.gif)
![create-token](../../../../img/new_ui/dev/quick-start/create-token.png)
After we create a tenant and assign it to a user, we can start creating a
simple workflow in DolphinScheduler.
## Login with regular users
#### Create Project
Click on the user name in the upper right corner to "exit" and re-use the normal user login.
But in DolphinScheduler, all workflows must belong to a project, so we need
to create a project first.
* `Project Management -> Create Project -> Project Name`
We can create a project in DolphinScheduler `Project` page by clicking
`Create Project` button.
![project](../../../../img/new_ui/dev/quick-start/project.png)
![create-project](../../../../img/start/create-project.gif)
* `Click Workflow Definition -> Create Workflow Definition-> Online Workflow Definition`
#### Create Workflow
![workflow-definition](../../../../img/new_ui/dev/quick-start/workflow-definition.png)
* `Running Workflow Definition -> Click Workflow Instance -> Click Workflow Instance Name -> Double-click Task Node -> View Task Execution Log`
Now we can create a workflow for the project `tutorial`. Click the project we just created,
go to `Workflow Definition` page, click `Create Workflow` button, and we will redirect
to the workflow detail page.
![log](../../../../img/new_ui/dev/quick-start/log.png)
![create-workflow](../../../../img/start/create-workflow.gif)
#### Create Tasks
We can use the mouse to drag the task you want to create from the toolbar in the workflow canvas.
In this case, we create a `Shell` task. Entering the necessary information for the task,
we just fill the attribute `Node Name` with `Script` to the task for this simple workflow.
After that, we can click the `Save` button to save the task into the workflow. We create another task
using the same way.
![create-task](../../../../img/start/create-task.gif)
#### Set Task Dependency
So we have two different tasks with different names and commands to run in the workflow. The
only thing missing from the current workflow is task dependency. We can add dependency using
the mouse to drag the arrow from the upstream task to the downstream and then release the mouse.
And you can see the link with the arrow between the two tasks is created, from the upstream
task to the downstream one. Finally, we can click the `Save` button from the top right corner
to save the workflow, do not forget to enter the name of the workflow.
![set-dependence](../../../../img/start/set-dep.gif)
#### Run Workflow
After all done, we can run the workflow by clicking the `Online` and then the `Run` button from
the workflows list. If you want to see the workflow instance, just go to `Workflow Instance`
page, you can see the workflow instance is running and the status is `Executing`.
![run-workflow](../../../../img/start/run-workflow.gif)
#### View Log
If you want to view the task log, please click the workflow instance from the workflow instance
list, then find the task you want to view the log, right-click the mouse and select `View Log`
from the context dialog, and you can see the detailed log of the task.
You can see the task printing `Hello DolphinScheduler` and `Ending...` which is the same as we
defined when creating the tasks.
![view-log](../../../../img/start/view-log.gif)
You just finished the first tutorial of DolphinScheduler, you can now run some simple workflows
in DolphinScheduler, congratulations!

View File

@ -1,58 +1,90 @@
# 快速上手
* 喜欢看视频的伙伴可以参见手把手教你如何《快速上手 Apache DolphinScheduler 教程》
[![image](https://user-images.githubusercontent.com/15833811/126286960-dfb3bfee-c8fb-4bdf-a717-d3be221c9711.png)](https://www.bilibili.com/video/BV1d64y1s7eZ)
在本节中,我们将使用 DolphinScheduler 逐步创建和运行一个简单的工作流。 在这段旅程中,您将学习 DolphinScheduler 的基本概念,
并了解运行工作流的最基本配置。 我们在本教程中提供了视频和文字两种方式,您可以选择您喜欢的方式
* 管理员用户登录
## 视频教程
> 地址http://localhost:12345/dolphinscheduler/ui 用户名/密码admin/dolphinscheduler123
[![image](https://user-images.githubusercontent.com/15833811/126286960-dfb3bfee-c8fb-4bdf-a717-d3be221c9711.png)](https://www.bilibili.com/video/BV1d64y1s7eZ)
![login](../../../../img/new_ui/dev/quick-start/login.png)
## 图文教程
* 创建队列
### 设置 Dolphinscheduler
![create-queue](../../../../img/new_ui/dev/quick-start/create-queue.png)
在继续之前,您必须先安装并启动 dolphinscheduler。 对于初学者,我们建议设置 dolphionscheduler 与官方 Docker image 或 standalone server。
* 创建租户
* [standalone server](https://dolphinscheduler.apache.org/en-us/docs/3.1.3/guide/installation/standalone)
* [docker](https://dolphinscheduler.apache.org/en-us/docs/3.1.3/guide/start/docker)
![create-tenant](../../../../img/new_ui/dev/quick-start/create-tenant.png)
### 构建您的第一个工作流程
* 创建普通用户
您可以使用默认用户名/密码 http://localhost:12345/dolphinscheduler/ui 登录 dolphinscheduler 是“admin/dolphinscheduler123”。
![create-user](../../../../img/new_ui/dev/quick-start/create-user.png)
#### 创建租户
* 创建告警组实例
Tenant是使用DolphinScheduler时绕不开的一个概念所以先简单介绍一下tenant的概念。
![create-alarmInstance](../../../../img/new_ui/dev/quick-start/create-alarmInstance.png)
登录 DolphinScheduler 名为 admin 的帐户在 dolphinscheduler 中称为 user。 为了更好的控制系统资源DolphinScheduler引入了概念租户用于执行任务。
* 创建告警组
简述如下:
![create-alarmGroup](../../../../img/new_ui/dev/quick-start/create-alarmGroup.png)
* 用户登录web UI在web UI中进行所有操作包括工作流管理和租户创建。
* Tenant任务的实际执行者A Linux user for DolphinScheduler worker。
* 创建 Worker 分组
我们可以在 DolphinScheduler `Security -> Tenant Manage` 页面创建租户。
![create-workerGroup](../../../../img/new_ui/dev/quick-start/create-workerGroup.png)
![create-tenant](../../../../img/start/create-tenant.gif)
* 创建环境
![create-environment](../../../../img/new_ui/dev/quick-start/create-environment.png)
#### 将租户分配给用户
* 创建 Token 令牌
正如我们上面在创建租户中谈到的,用户只能运行任务除非用户被分配给租户。
![create-token](../../../../img/new_ui/dev/quick-start/create-token.png)
我们可以在 DolphinScheduler 的“安全 -> 用户管理”页面中将租户分配给特定用户。
* 使用普通用户登录
![assign-tenant](../../../../img/start/assign-tenant.gif)
> 点击右上角用户名“退出”,重新使用普通用户登录
在我们创建一个租户并将其分配给一个用户之后,我们可以开始创建一个 DolphinScheduler 中的简单工作流程
* 项目管理->创建项目->点击项目名称
#### 创建项目
![project](../../../../img/new_ui/dev/quick-start/project.png)
但是在 DolphinScheduler 中,所有的工作流都必须属于一个项目,所以我们需要首先创建一个项目。
* 点击工作流定义->创建工作流定义->上线工作流定义
我们可以通过单击在 DolphinScheduler `Project` 页面中创建一个项目 “创建项目” 按钮。
![workflow-definition](../../../../img/new_ui/dev/quick-start/workflow-definition.png)
![create-project](../../../../img/start/create-project.gif)
* 运行工作流定义->点击工作流实例->点击工作流实例名称->双击任务节点->查看任务执行日志
#### 创建工作流
![log](../../../../img/new_ui/dev/quick-start/log.png)
现在我们可以为项目“tutorial”创建一个工作流程。 点击我们刚刚创建的项目,转到“工作流定义”页面,单击“创建工作流”按钮,我们将重定向到工作流详细信息页面。
![create-workflow](../../../../img/start/create-workflow.gif)
#### 创建任务
我们可以使用鼠标从工作流画布的工具栏中拖动要创建的任务。 在这种情况下,我们创建一个 `Shell` 任务。 输入任务的必要信息,对于这个简单的工作流程
我们只需将属性“节点名称”填充为“脚本”即可。之后,我们可以单击“保存”按钮将任务保存到工作流中。 我们创建另一个任务使用相同的方式。
![create-task](../../../../img/start/create-task.gif)
#### 设置任务依赖
因此,我们有两个具有不同名称和命令的不同任务在工作流中运行。 这当前工作流中唯一缺少的是任务依赖性。 我们可以使用添加依赖,鼠标将箭头从上游任务拖到下游
然后松开鼠标。您可以看到从上游创建了两个任务之间带有箭头的链接任务交给下游一个。 最后,我们可以点击右上角的“保存”按钮保存工作流,不要忘记填写工作流名称。
![set-dependence](../../../../img/start/set-dep.gif)
#### 运行工作流
全部完成后,我们可以通过单击“在线”然后单击“运行”按钮来运行工作流工作流列表。 如果您想查看工作流实例,只需转到 “工作流实例” 页面,可以看到工作流实例正在运行,状态为`Executing`。
![run-workflow](../../../../img/start/run-workflow.gif)
#### 查看日志
如需查看任务日志,请从工作流实例中点击工作流实例列表,然后找到要查看日志的任务,右击鼠标选择`View Log` 从上下文对话框中,您可以看到任务的详细日志。
您可以在任务中打印 `Hello DolphinScheduler``Ending...` 这和我们一样定义 在创建任务中。
![view-log](../../../../img/start/view-log.gif)
你刚刚完成了 DolphinScheduler 的第一个教程,你现在可以运行一些简单的工作流在 DolphinScheduler 中,恭喜!

Binary file not shown.

Before

Width:  |  Height:  |  Size: 102 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 120 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 96 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 82 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 138 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 102 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 139 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 89 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 282 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 163 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 143 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 905 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 378 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1022 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 478 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 549 KiB

BIN
docs/img/start/login.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 437 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

BIN
docs/img/start/set-dep.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1009 KiB

BIN
docs/img/start/view-log.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 MiB

View File

@ -112,8 +112,10 @@ def check() -> None:
img_docs, img_img = check_diff_img()
assert not img_docs and not img_img, (
f"Images assert failed: \n"
f"* difference `docs` imgs to `img` is: {img_docs if img_docs else 'None'}\n"
f"* difference `img` imgs to `docs` is: {img_img if img_img else 'None'}\n"
f"* Some images use in documents but do not exists in `img` directory, please add them: "
f"{img_docs if img_docs else 'None'}\n"
f"* Some images not use in documents but exists in `img` directory, please delete them: "
f"{img_img if img_img else 'None'}\n"
)