minio/browser
Praveen raj Mani 8836d57e3c The prometheus metrics refractoring (#8003)
The measures are consolidated to the following metrics

- `disk_storage_used` : Disk space used by the disk.
- `disk_storage_available`: Available disk space left on the disk.
- `disk_storage_total`: Total disk space on the disk.
- `disks_offline`: Total number of offline disks in current MinIO instance.
- `disks_total`: Total number of disks in current MinIO instance.
- `s3_requests_total`: Total number of s3 requests in current MinIO instance.
- `s3_errors_total`: Total number of errors in s3 requests in current MinIO instance.
- `s3_requests_current`: Total number of active s3 requests in current MinIO instance.
- `internode_rx_bytes_total`: Total number of internode bytes received by current MinIO server instance.
- `internode_tx_bytes_total`: Total number of bytes sent to the other nodes by current MinIO server instance.
- `s3_rx_bytes_total`: Total number of s3 bytes received by current MinIO server instance.
- `s3_tx_bytes_total`: Total number of s3 bytes sent by current MinIO server instance.
- `minio_version_info`: Current MinIO version with commit-id.
- `s3_ttfb_seconds_bucket`: Histogram that holds the latency information of the requests.

And this PR also modifies the current StorageInfo queries

- Decouples StorageInfo from ServerInfo .
- StorageInfo is enhanced to give endpoint information.

NOTE: ADMIN API VERSION IS BUMPED UP IN THIS PR

Fixes #7873
2019-10-22 21:01:14 -07:00
..
app The prometheus metrics refractoring (#8003) 2019-10-22 21:01:14 -07:00
.babelrc Browser: Use polyfill to support Object.assign in IE11 (#3942) 2017-03-21 13:48:07 -07:00
.editorconfig upgrading react and refactoring components (#5409) (#5444) 2018-03-21 11:30:50 -07:00
.esformatter revert browser newux changes (#5714) 2018-03-26 12:49:12 -07:00
.gitignore revert browser newux changes (#5714) 2018-03-26 12:49:12 -07:00
.prettierrc upgrading react and refactoring components (#5409) (#5444) 2018-03-21 11:30:50 -07:00
build.js Replace Minio refs in docs with MinIO and links (#7494) 2019-04-09 11:39:42 -07:00
karma.conf.js miniobrowser: Bring Minio browser source into minio repo. (#3617) 2017-01-23 18:07:22 -08:00
package-lock.json Fix core-js build failure on node version 12.11.0 (#8341) 2019-10-01 23:11:31 +05:30
package.json Fix core-js build failure on node version 12.11.0 (#8341) 2019-10-01 23:11:31 +05:30
README.md Fix broken link to go install docs (#8090) 2019-08-15 16:00:50 -07:00
tests.webpack.js miniobrowser: Bring Minio browser source into minio repo. (#3617) 2017-01-23 18:07:22 -08:00
ui-assets.go The prometheus metrics refractoring (#8003) 2019-10-22 21:01:14 -07:00
webpack.config.js Replace Minio refs in docs with MinIO and links (#7494) 2019-04-09 11:39:42 -07:00
webpack.production.config.js Replace Minio refs in docs with MinIO and links (#7494) 2019-04-09 11:39:42 -07:00

MinIO File Browser

MinIO Browser provides minimal set of UI to manage buckets and objects on minio server. MinIO Browser is written in javascript and released under Apache 2.0 License.

Installation

Install node

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh | bash
exec -l $SHELL
nvm install stable

Install go-bindata and go-bindata-assetfs

If you do not have a working Golang environment, please follow Install Golang

go get github.com/go-bindata/go-bindata/go-bindata
go get github.com/elazarl/go-bindata-assetfs/go-bindata-assetfs

Generating Assets

Generate ui-assets.go

npm run release

This generates ui-assets.go in the current directory. Now do make in the parent directory to build the minio binary with the newly generated ui-assets.go

Run MinIO Browser with live reload

npm run dev

Open http://localhost:8080/minio/ in your browser to play with the application

Run MinIO Browser with live reload on custom port

Edit browser/webpack.config.js

diff --git a/browser/webpack.config.js b/browser/webpack.config.js
index 3ccdaba..9496c56 100644
--- a/browser/webpack.config.js
+++ b/browser/webpack.config.js
@@ -58,6 +58,7 @@ var exports = {
     historyApiFallback: {
       index: '/minio/'
     },
+    port: 8888,
     proxy: {
       '/minio/webrpc': {
        target: 'http://localhost:9000',
@@ -97,7 +98,7 @@ var exports = {
 if (process.env.NODE_ENV === 'dev') {
   exports.entry = [
     'webpack/hot/dev-server',
-    'webpack-dev-server/client?http://localhost:8080',
+    'webpack-dev-server/client?http://localhost:8888',
     path.resolve(__dirname, 'app/index.js')
   ]
 }
npm run dev

Open http://localhost:8888/minio/ in your browser to play with the application