2 Min Quickstart

Start here if you are a new OfficeX developer

Anonymous OfficeX is designed for whitelabel with zero dependencies. Any developer can create anon workspaces for their users in just 2 mins.

There are 3 possible integration paths. Click the links to see exact guides. This 2 min quickstart will focus on the Managed Cloud option, which is ideal for most use cases.

chevron-rightView Comparison Diagramhashtag

Free Public Cloud - 2 Min Quickstart

The below /quickstart REST API call is the bare minimum needed to integrate with OfficeX Cloud (assuming you want cloud - its possible to work offline too). This will create a fresh installation in our free public cloud, along with a magic link url that you can open in browser to enter your workspace.

If you want to give all your users their own workspace, you can view the Reuse Existing IDs tab to see how to deterministically generate the same officex profile per userid from your database.

By default, officex workspaces do not include cloud storage (although anyone can permissionlessly purchase storage from the public marketplace). See the Bundle with Storage tab If you want to provide free default cloud storage for your users.

Note: /quickstart is only available on traditional web2 server environments. If you want decentralized trustless workspaces on web3, you will need a multi-stage deployment seen in the Advanced Setup.

Barebones installation example. You do not even need to provide an org_name .

terminalTry in Codepen

// try this in browser js console
const logins = await (
    await fetch(`https://officex.otterpad.cc/v1/factory/quickstart`, {
      method: "POST",
      headers: { "Content-Type": "application/json" },
      body: JSON.stringify({ org_name: "Anonymous Org" }),
    })
  ).json();
  console.log(logins); 

Scroll down further to see example of returned logins object

After you call the /quickstart, it will return you a "logins" object of type IResponseQuickstart which contains all the data you need to continue.

  • organization.drive_id this is your official organization id which is necessary for subsequent REST API calls

  • organization.host_url is the domain of your org backend server. This also gets encoded as a url safe string inside organization.frontend_url.

  • organization.frontend_url is the prefixed frontend url for your org. You can use it to programatically navigate to routes such as ${organization.frontend_url}/settings

  • user_id is your official officex user id, also a crypto public key (but do not use it as a wallet, its just for cryptography)

  • api_key_value is the token you can use in REST API calls, as header Authorization: Bearer api_key_value to which represents that user

  • auto_login_url is a url link for a user to open in browser. It will take them to https://officex.app and automatically login them in.

  • auth_json is an object used by iframes to login a user and render UI within your own app. See the iFrame Guide to learn more.

  • tracer is the exact same string you passed into initial /quickstart call. Typically this would be an original ID from your database. It is a convenience string for you to easily map your original IDs to your new officex IDs.

This has all the info you need to continue. Give your users the auto_login_url if you want them to use officex directly, or use the auth_json if you want to control the UX from within your app with iframes. You might also use the api_key_value to perform subsequent setup actions on behalf of users.

The easiest next step is to just give users their auto_login_url which gives them the full OfficeX experience directly at https://officex.apparrow-up-right, as seen in the GIF video below.

If you are embedding OfficeX within your app, continue to this next page iFrame Guide below.

Note that /quickstart is a convenience method that abstracts away the multi-step process of creating an organization, generating cryptographic users, api keys & auto-login urls. If you want more granular control over the process, see the Advanced Setup page.

Last updated