The Bubble web UI in VueJS

Jonathan Cobb 3d62bf8e1d remove static messages, they have been added to server resources		4 yıl önce
src	remove static messages, they have been added to server resources	4 yıl önce
vue-vuex-registration-login-example-docs	first commit	4 yıl önce
.DS_Store	Auth Header (#18)	4 yıl önce
.babelrc	Implement lazy loading and new UI layout (#17)	4 yıl önce
.gitignore	first commit	4 yıl önce
LICENSE.md	reference license file	4 yıl önce
README.md	clarify comment	4 yıl önce
package-lock.json	Implement lazy loading and new UI layout (#17)	4 yıl önce
package.json	Implement lazy loading and new UI layout (#17)	4 yıl önce
web-development.md	clarify	4 yıl önce
webpack.config.dev.js	feat/babel-root-plugin (#15)	4 yıl önce
webpack.config.js	Auth Header (#18)	4 yıl önce

bubble-web

Bubble frontend VueJS web application

The initial basis for the bubble-web frontend was Jason Watmore’s wonderfully well-written Vue/Vuex Registration and Login Example. The LICENSE and README.md files for this code are in the vue-vuex-registration-login-example-docs directory.

To use this frontend with a Bubble API:

Build it:

npm install
webpack

In your ${HOME}/.bubble-test.env file, add this line (fix the path to point to the correct location of your bubble-web/dist directory):

export BUBBLE_ASSETS_DIR=/path/to/bubble-web/dist

In the bubble/bubble-server directory, run the test named bubble.test.dev.DevServerTest, which will run the API and perform initial activation.

mvn -Dtest=bubble.test.dev.DevServerTest test

You can now test the frontend. If you make changes to the frontend code, you can simply run webpack again and reload the page in your browser.