Juicebox Embedding API

Here are the relevant API calls

To embed Juicebox apps in your own website, follow these steps.

1. Request a JWT token as a client admin user. This token can be reused.

2. Request details about what Juicebox apps are available. This will provide you an app id for the app you want to embed.

3. Create a Juicebox user with the appropriate Data permissions object that limits what the user can see.

4. Request an embed url for this user to see the app.

5. Serve the embed url in an iframe on your site.

Let's look at the details for each of these steps.

Request a JWT token for a Client Admin user

GET https://{domain}.myjuicebox.io/api/v1/jb/api-token-auth/

Request a token that represents a client admin user. This user has permissions to perform user setup and request embed urls for your Juicebox account.

Path Parameters

Name	Type	Description
domain*	String	Your Juicebox domain

Headers

Name	Type	Description
Content-Type*	String	application/json

Request Body

Name	Type	Description
email*	String	A client admin email
password*	String	A client admin password

200: OK Response will contain a token to use for further requests

{
  "token": {client admin token}
}

400: Bad Request If your email/password combination is invalid you will receive an Json containing error information.

Find the app you want the user to be able to see.

Request list of available apps

GET https://{domain}.myjuicebox.io/api/v1/jb/apps/

Get a list of all available apps. Juicebox apps have both a published and draft version. The draft version will only be visible to editors and admins.

Path Parameters

Name	Type	Description
domain*	String	Your Juicebox domain

Headers

Name	Type	Description
Authorization*	String	"JWT {token}" A JWT token for a client admin user.

200: OK A Json list of all apps in this workspace.

403: Forbidden You do not have permission to view the list of apps.

Create a user with the Juicebox Data Permissions and app access you desire.

Create a user

POST https://{domain}.myjuicebox.io/api/v1/jb/users/

Path Parameters

Name	Type	Description
domain*	String	Your Juicebox domain

Headers

Name	Type	Description
Authorization*	String	"JWT {token}" A JWT token for a client admin user.

Request Body

Name	Type	Description
email*	String	The email address of the user you want to create.
extra	Json	A Juicebox Data Permissions object to control what this user can see. If omitted, the user will not have any data permissions applied.
first_name	String	The user's first name
last_name	String	The user's last name
apps		A list of app ids that this user is allowed to see.

201: Created The user was created.

403: Forbidden You do not have permissions to create a user.

Now you can request an app embed url.

Request an app embed url for a user

POST https://{domain}.myjuicebox.io/api/v1/jb/apps/{appid}/embed/{email}/

For security, the default duration of an embed url is 60 seconds. It can only be loaded once. It can be regenerated as many times as needed.

Path Parameters

Name	Type	Description
domain*	String	Your Juicebox domain
appid*	String	An app id for an app this user has access to.
email*	String	An email for a user that has already been created.

Query Parameters

Name	Type	Description
show_header	String	If this parameter is present in the query string, the application header (which allows export as png and pdf) will be displayed. Turn off display of the header with ?show_header=0
show_footer	String	If this parameter is present in the query string, the application footer will be displayed. Turn off display of the header with ?show_footer=0

Headers

Name	Type	Description
Authorization*	String	"JWT {token}" A JWT token for a client admin user.

200: OK The response will contain Json with url and expires_at keys. This url can be embedded in an iframe.

403: Forbidden The user does not have permission to request app embeds.

Serving the app in an iframe. To embed the app in your site, use the following html. You can vary height and width as appropriate for your site.

<iframe 
  title="{app title}" 
  src="{url}" 
  height="650px" 
  width="100%" 
  frameborder="0" 
  sandbox="allow-scripts allow-downloads allow-same-origin allow-forms allow-popups">
</iframe>