Skip to content

YARN-10020. Fix build instruction of hadoop-yarn-ui. #1750

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
iwasakims merged 5 commits into from
Dec 18, 2019
Merged

YARN-10020. Fix build instruction of hadoop-yarn-ui. #1750

Changes from 4 commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
f116226
YARN-10020. Fix build instruction of hadoop-yarn-ui.
iwasakims Dec 10, 2019
80f1932
moved added contents to independent sub-section.
iwasakims Dec 17, 2019
a8f12cc
made JIRA issue key hyperlink.
iwasakims Dec 17, 2019
d969c57
fixed typo.
iwasakims Dec 17, 2019
2f8b12f
updated wording based on review comments.
iwasakims Dec 17, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
27 changes: 25 additions & 2 deletions hadoop-yarn-project/hadoop-yarn/hadoop-yarn-ui/README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,12 @@ The YARN UI is an Ember based web-app that provides visualization of the applica

## Configurations

* You can point the UI to custom locations by setting the environment variables in `src/main/webapp/config/configs.env`
You can point the UI to custom locations by setting the environment variables in `src/main/webapp/config/configs.env`.

In order to access RM from UI started by `yarn start`,
Copy link
Member

@goiri goiri Dec 17, 2019

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

"from the UI"? I'm not sure what we are trying to say here.
I would recommend rephrasing this.

Copy link
Member Author

@iwasakims iwasakims Dec 17, 2019

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

addressed by adding the development context.

you need to enbale CORS by setting `hadoop.http.cross-origin.enabled` to true
Copy link
Member

@goiri goiri Dec 17, 2019

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

enable

Copy link
Member Author

@iwasakims iwasakims Dec 17, 2019

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

fixed.

and adding `org.apache.hadoop.security.HttpCrossOriginFilterInitializer`
to `hadoop.http.filter.initializers` in core-site.xml.

## Development

Expand All @@ -32,7 +37,7 @@ All the following commands must be run inside `src/main/webapp`.
You will need the following things properly installed on your computer.

* Install [Yarn](https://yarnpkg.com) v0.21.3
* Install [Bower](http://bower.io/) v1.7.7
* Install [Bower](http://bower.io/) v1.8.8
* Install all dependencies by running `yarn install` & `bower install`

### Running UI
Expand Down Expand Up @@ -62,3 +67,21 @@ YARN UI has replaced NPM with Yarn package manager. And hence Yarn would be used
### Adding new routes (pages), controllers, components etc.

* Use ember-cli blueprint generator - [Ember CLI](http://ember-cli.com/extending/#generators-and-blueprints)

### Building with Maven

[YARN-6278](https://issues.apache.org/jira/browse/YARN-6278)
added build profile using frontend-maven-plugin which
Copy link
Member

@goiri goiri Dec 17, 2019

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

"a" build profile.

What is "frontend-maven-plugin"? I think this looks more like:
"YARN-6278 added a build profile to frontend-maven-plugin which automatically..."

Copy link
Member Author

@iwasakims iwasakims Dec 17, 2019

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

added link to frontend-maven-plugin as a reference.

automatically installs Node.js and Yarn locally under target/webapp directory.
After building yarn-ui by `mvn package -Pyarn-ui`, you can reuse
locally installed Node.js and Yarn instead of manually installing them.
Copy link
Member

@goiri goiri Dec 17, 2019

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

"you can reuse the locally installed..."

Copy link
Member Author

@iwasakims iwasakims Dec 17, 2019

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

fixed.


```
$ mvn package -Pyarn-ui
$ export PATH=$PWD/target/webapp/node:$PATH
$ export YARNJS=$PWD/target/webapp/node/yarn/dist/bin/yarn.js
$ cd src/main/webapp/
$ node $YARNJS install
$ node node_modules/.bin/bower install
$ node $YARNJS start
```