Frontend
This section provides more information about connecting the frontend to your Intrasheets server.
Documentation
Section titled “Documentation”Settings
Section titled “Settings”The following properties are available to render your Intrasheets interface.
| Method | Description |
|---|---|
| server: string | Your Intrasheets server URL. Example: 'https://yourdomain.com' |
| path?: string | API pathname. Default: api/ |
| guid?: string | Spreadsheet GUID identifier. Example: c4a0edc0-edbf-43a3-827f-0fe5101401a5 |
| signature?: string | User signature provided by your backend. It will define your permissions to access a spreadsheet. |
| license: string | Intrasheets License. You can download from the website. |
| clientId?: string | Google Sheets API ClientId |
| clientSecret?: | Google Sheets API ClientSecret |
| apiKey?: | Google Sheets API apiKey |
| errorUri?: | Google Sheets API errorUri |
| redirectUri?: | Google Sheets API redirectUri |
Example
Section titled “Example”The following template will render the Intrasheets frontend.
<html><head> <title>Intrasheets</title> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" /> <link href="https://cdn.jsdelivr.net/npm/intrasheets/dist/style.min.css" rel="stylesheet" /></head><body> <div id="content"></div></body><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/intrasheets/dist/index.min.js"></script><script>Sheets(document.getElementById('content'), { // Your Intrasheets server URL server: 'https://yourdomain.com', // Spreadsheet GUID identifier guid: 'c4a0edc0-edbf-43a3-827f-0fe5101401a5', // User signature provided by your backend signature: 'jwt-backend-generated-signature', // Intrasheets License license: 'your-intrasheets-certificate-key',});</script></html>Authorization
Section titled “Authorization”As explained previously in this documentation, Intrasheets does not manage logins. The front should send the signature, which is a JWT. The backend should provide the signature and have different formats, which is covered in the next section.