![]() |
4 years ago | |
---|---|---|
.. | ||
app | 4 years ago | |
.babelrc | 8 years ago | |
.editorconfig | 7 years ago | |
.esformatter | 7 years ago | |
.gitignore | 7 years ago | |
.prettierrc | 7 years ago | |
README.md | 4 years ago | |
build.js | 6 years ago | |
karma.conf.js | 8 years ago | |
package-lock.json | 4 years ago | |
package.json | 4 years ago | |
staticcheck.conf | 5 years ago | |
tests.webpack.js | 8 years ago | |
ui-assets.go | 4 years ago | |
webpack.config.js | 4 years ago | |
webpack.production.config.js | 4 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
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
Edit browser/webpack.config.js
diff --git a/browser/webpack.config.js b/browser/webpack.config.js
index 8bdbba53..139f6049 100644
--- a/browser/webpack.config.js
+++ b/browser/webpack.config.js
@@ -71,6 +71,7 @@ var exports = {
historyApiFallback: {
index: '/minio/'
},
+ host: '0.0.0.0',
proxy: {
'/minio/webrpc': {
target: 'http://localhost:9000',
npm run dev
Open http://IP:8080/minio/ in your browser to play with the application.
Run tests
npm run test
Docker development environment
This approach will download the sources on your machine such that you are able to use your IDE or editor of choice. A Docker container will be used in order to provide a controlled build environment without messing with your host system.
Prepare host system
Development within container
Prepare and build container
git clone git@github.com:minio/minio.git
cd minio
docker build -t minio-dev -f Dockerfile.dev.browser .
Run container, build and run core
docker run -it --rm --name minio-dev -v "$PWD":/minio minio-dev
cd /minio/browser
npm install
npm run release
cd /minio
make
./minio server /data
Note Endpoint
IP (the one which is not 127.0.0.1
), AccessKey
and SecretKey
(both default to minioadmin
) in order to enter them in the browser later.
Open another terminal. Connect to container
docker exec -it minio-dev bash
Apply patch to allow access from outside container
cd /minio
git apply --ignore-whitespace <<EOF
diff --git a/browser/webpack.config.js b/browser/webpack.config.js
index 8bdbba53..139f6049 100644
--- a/browser/webpack.config.js
+++ b/browser/webpack.config.js
@@ -71,6 +71,7 @@ var exports = {
historyApiFallback: {
index: '/minio/'
},
+ host: '0.0.0.0',
proxy: {
'/minio/webrpc': {
target: 'http://localhost:9000',
EOF
Build and run frontend with auto-reload
cd /minio/browser
npm install
npm run dev
Open http://IP:8080/minio/ in your browser to play with the application.