Deploying ToolJet client
ToolJet client is a standalone application and can be deployed on static website hosting services such as Netlify, Firebase, S3/Cloudfront, etc.
You can build standalone client with the below command:
SERVE_CLIENT=false npm run build
Deploying ToolJet client on Firebase
You should set the environment variable TOOLJET_SERVER_URL
( URL of the server ) while building the frontend and also set SERVE_CLIENT
to `false`` for standalone client build.
For example: SERVE_CLIENT=false TOOLJET_SERVER_URL=https://server.tooljet.com npm run build && firebase deploy
- Initialize firebase projectSelect Firebase Hosting and set build as the static file directory
firebase init
- Deploy client to Firebase
firebase deploy
Deploying ToolJet client with Google Cloud Storage
You should set the environment variable TOOLJET_SERVER_URL
( URL of the server ) while building the frontend.
For example: SERVE_CLIENT=false TOOLJET_SERVER_URL=https://server.tooljet.io npm run build
Using Load balancer
Tooljet client can be hosted from Cloud Storage bucket just like hosting any other static website. Follow the instructions from google documentation here.
Summarising the steps below:
Create a bucket and upload files within the build folder such that the
index.html
is at the bucket root.Edit permissions for the bucket to assign New principal as
allUsers
with role asStorage Object Viewer
and permit for public access for the bucket.Click on Edit website configuration from the buckets browser and specify the main page as
index.html
Follow the instructions on creating a load balancer for hosting a static website.
Optionally, create Cloud CDN to use with the backend bucket assigned to the load balancer.
After the load balancer is created there will be an IP assigned to it. Try hitting it to check the website is being loaded.
Use the load balancer IP as the static IP for the A record of your domain.
Using Google App Engine
Upload the build folder onto a bucket
Upload
app.yaml
file onto bucket with the following configruntime: python27
api_version: 1
threadsafe: true
handlers:
- url: /
static_files: build/index.html
upload: build/index.html
- url: /(.*)
static_files: build/\1
upload: build/(.*)Activate cloud shell on your browser and create build folder
mkdir tooljet-assets
Copy the uploaded files onto an assets folder which is to be served
gsutil rsync -r gs://your-bucket-name/path-to-assets ./tooljet-assets
Deploy static assets to be served
cd tooljet-assets && gcloud app deploy