History

darkdragon-001 60791d6dd1 Web UI: Improve "..." menu (#9631 )		5 years ago
..
app	Web UI: Improve "..." menu (#9631 )	5 years ago
.babelrc	…
.editorconfig	…
.esformatter	revert browser newux changes (#5714 )	7 years ago
.gitignore	revert browser newux changes (#5714 )	7 years ago
.prettierrc	…
README.md	Improve browser README (#9628 )	5 years ago
build.js	Replace Minio refs in docs with MinIO and links (#7494 )	6 years ago
karma.conf.js	…
package-lock.json	update all the outdated browser deps (#9640 )	5 years ago
package.json	update all the outdated browser deps (#9640 )	5 years ago
staticcheck.conf	re-implement data usage crawler to be more efficient (#9075 )	5 years ago
tests.webpack.js	…
ui-assets.go	update all the outdated browser deps (#9640 )	5 years ago
webpack.config.js	fix whitespace in browser/webpack.config.js (#9665 )	5 years ago
webpack.production.config.js	Replace Minio refs in docs with MinIO and links (#7494 )	6 years ago

README.md

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 node dependencies

npm install

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

Run MinIO Browser with live reload on any IP