forked from sheetjs/docs.sheetjs.com
cloud
This commit is contained in:
parent
5831922402
commit
972d4eed27
@ -36,7 +36,7 @@ define(['N/file', './xlsx.full.min'], function(file, XLSX) {
|
||||
})
|
||||
```
|
||||
|
||||
As explained in the [NetSuite demo](/docs/demos/netsuite), module
|
||||
As explained in the [NetSuite demo](/docs/demos/cloud/netsuite), module
|
||||
aliases are created in config files referenced via `@NAmdConfig` comments.
|
||||
|
||||
## SAP UI5
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
---
|
||||
title: ReactJS
|
||||
pagination_prev: demos/server
|
||||
pagination_next: demos/aws
|
||||
sidebar_position: 2
|
||||
pagination_prev: demos/index
|
||||
pagination_next: demos/mobile/index
|
||||
sidebar_position: 1
|
||||
---
|
||||
|
||||
[ReactJS](https://reactjs.org/) is a JS library for building user interfaces.
|
||||
@ -1,8 +1,8 @@
|
||||
---
|
||||
title: VueJS
|
||||
pagination_prev: demos/server
|
||||
pagination_next: demos/aws
|
||||
sidebar_position: 3
|
||||
pagination_prev: demos/index
|
||||
pagination_next: demos/mobile/index
|
||||
sidebar_position: 2
|
||||
---
|
||||
|
||||
[VueJS](https://vuejs.org/) is a JS library for building user interfaces.
|
||||
@ -1,8 +1,8 @@
|
||||
---
|
||||
title: Angular
|
||||
pagination_prev: demos/server
|
||||
pagination_next: demos/aws
|
||||
sidebar_position: 1
|
||||
pagination_prev: demos/index
|
||||
pagination_next: demos/mobile/index
|
||||
sidebar_position: 3
|
||||
---
|
||||
|
||||
import Tabs from '@theme/Tabs';
|
||||
@ -1,7 +1,7 @@
|
||||
---
|
||||
title: Svelte
|
||||
pagination_prev: demos/server
|
||||
pagination_next: demos/aws
|
||||
pagination_prev: demos/index
|
||||
pagination_next: demos/mobile/index
|
||||
sidebar_position: 4
|
||||
---
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
---
|
||||
title: Bundlers
|
||||
pagination_prev: demos/server
|
||||
pagination_next: demos/aws
|
||||
pagination_prev: demos/index
|
||||
pagination_next: demos/mobile/index
|
||||
sidebar_position: 8
|
||||
sidebar_custom_props:
|
||||
skip: 1
|
||||
@ -1,7 +1,7 @@
|
||||
---
|
||||
title: Legacy Frameworks
|
||||
pagination_prev: demos/server
|
||||
pagination_next: demos/aws
|
||||
pagination_prev: demos/index
|
||||
pagination_next: demos/mobile/index
|
||||
sidebar_position: 9
|
||||
sidebar_custom_props:
|
||||
skip: 1
|
||||
@ -1,5 +1,5 @@
|
||||
{
|
||||
"label": "Web Frameworks",
|
||||
"position": 10,
|
||||
"position": 1,
|
||||
"collapsed": false
|
||||
}
|
||||
@ -1,7 +1,7 @@
|
||||
---
|
||||
title: Web Frameworks
|
||||
pagination_prev: demos/server
|
||||
pagination_next: demos/aws
|
||||
pagination_prev: demos/index
|
||||
pagination_next: demos/mobile/index
|
||||
---
|
||||
|
||||
import DocCardList from '@theme/DocCardList';
|
||||
@ -1,6 +1,6 @@
|
||||
---
|
||||
title: React Native
|
||||
pagination_prev: demos/salesforce
|
||||
pagination_prev: demos/frontend/index
|
||||
pagination_next: demos/desktop/index
|
||||
sidebar_position: 1
|
||||
sidebar_custom_props:
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
---
|
||||
title: NativeScript
|
||||
pagination_prev: demos/salesforce
|
||||
pagination_prev: demos/frontend/index
|
||||
pagination_next: demos/desktop/index
|
||||
sidebar_position: 2
|
||||
sidebar_custom_props:
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
---
|
||||
title: Quasar
|
||||
pagination_prev: demos/salesforce
|
||||
pagination_prev: demos/frontend/index
|
||||
pagination_next: demos/desktop/index
|
||||
sidebar_position: 3
|
||||
sidebar_custom_props:
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
---
|
||||
title: Ionic
|
||||
pagination_prev: demos/salesforce
|
||||
pagination_prev: demos/frontend/index
|
||||
pagination_next: demos/desktop/index
|
||||
sidebar_position: 4
|
||||
sidebar_custom_props:
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
---
|
||||
title: CapacitorJS
|
||||
pagination_prev: demos/salesforce
|
||||
pagination_prev: demos/frontend/index
|
||||
pagination_next: demos/desktop/index
|
||||
sidebar_position: 5
|
||||
sidebar_custom_props:
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
{
|
||||
"label": "iOS and Android Apps",
|
||||
"position": 3
|
||||
"position": 2
|
||||
}
|
||||
@ -1,6 +1,6 @@
|
||||
---
|
||||
title: iOS and Android Apps
|
||||
pagination_prev: demos/salesforce
|
||||
pagination_prev: demos/frontend/index
|
||||
pagination_next: demos/desktop/index
|
||||
---
|
||||
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
---
|
||||
title: Electron
|
||||
pagination_prev: demos/mobile/index
|
||||
pagination_next: demos/grid
|
||||
pagination_next: demos/cloud/index
|
||||
sidebar_position: 1
|
||||
sidebar_custom_props:
|
||||
summary: Embedded NodeJS + Chromium
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
---
|
||||
title: NW.js
|
||||
pagination_prev: demos/mobile/index
|
||||
pagination_next: demos/grid
|
||||
pagination_next: demos/cloud/index
|
||||
sidebar_position: 2
|
||||
sidebar_custom_props:
|
||||
summary: Embedded Chromium + NodeJS
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
---
|
||||
title: Wails
|
||||
pagination_prev: demos/mobile/index
|
||||
pagination_next: demos/grid
|
||||
pagination_next: demos/cloud/index
|
||||
sidebar_position: 3
|
||||
sidebar_custom_props:
|
||||
summary: Webview + Go Backend
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
---
|
||||
title: Tauri
|
||||
pagination_prev: demos/mobile/index
|
||||
pagination_next: demos/grid
|
||||
pagination_next: demos/cloud/index
|
||||
sidebar_position: 4
|
||||
sidebar_custom_props:
|
||||
summary: Webview + Rust Backend
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
---
|
||||
title: NeutralinoJS
|
||||
pagination_prev: demos/mobile/index
|
||||
pagination_next: demos/grid
|
||||
pagination_next: demos/cloud/index
|
||||
sidebar_position: 5
|
||||
sidebar_custom_props:
|
||||
summary: Webview + Lightweight Extensions
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
---
|
||||
title: React Native for Desktop
|
||||
pagination_prev: demos/mobile/index
|
||||
pagination_next: demos/grid
|
||||
pagination_next: demos/cloud/index
|
||||
sidebar_position: 6
|
||||
sidebar_custom_props:
|
||||
summary: Native Components with React
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
---
|
||||
title: Desktop Applications
|
||||
pagination_prev: demos/mobile/index
|
||||
pagination_next: demos/grid
|
||||
pagination_next: demos/cloud/index
|
||||
---
|
||||
|
||||
import DocCardList from '@theme/DocCardList';
|
||||
|
||||
@ -1,5 +1,8 @@
|
||||
---
|
||||
title: Salesforce LWC
|
||||
pagination_prev: demos/desktop/index
|
||||
pagination_next: demos/grid
|
||||
sidebar_position: 1
|
||||
---
|
||||
|
||||
Salesforce apps can use third-party libraries in "Lightning Web Components".
|
||||
@ -1,6 +1,8 @@
|
||||
---
|
||||
title: Amazon Web Services
|
||||
pagination_prev: demos/frontend/index
|
||||
pagination_prev: demos/desktop/index
|
||||
pagination_next: demos/grid
|
||||
sidebar_position: 2
|
||||
---
|
||||
|
||||
AWS is a Cloud Services platform which includes traditional virtual machine
|
||||
@ -1,5 +1,8 @@
|
||||
---
|
||||
title: Azure Cloud Services
|
||||
pagination_prev: demos/desktop/index
|
||||
pagination_next: demos/grid
|
||||
sidebar_position: 3
|
||||
---
|
||||
|
||||
Azure is a Cloud Services platform which includes traditional virtual machine
|
||||
@ -1,5 +1,8 @@
|
||||
---
|
||||
title: NetSuite
|
||||
pagination_prev: demos/desktop/index
|
||||
pagination_next: demos/grid
|
||||
sidebar_position: 4
|
||||
---
|
||||
|
||||
This demo discusses the key SheetJS operations. Familiarity with SuiteScript 2
|
||||
5
docz/docs/03-demos/04-cloud/_category_.json
Normal file
5
docz/docs/03-demos/04-cloud/_category_.json
Normal file
@ -0,0 +1,5 @@
|
||||
{
|
||||
"label": "Cloud Platforms",
|
||||
"position": 4,
|
||||
"collapsed": false
|
||||
}
|
||||
39
docz/docs/03-demos/04-cloud/index.md
Normal file
39
docz/docs/03-demos/04-cloud/index.md
Normal file
@ -0,0 +1,39 @@
|
||||
---
|
||||
title: Cloud Platforms
|
||||
pagination_prev: demos/desktop/index
|
||||
pagination_next: demos/grid
|
||||
---
|
||||
|
||||
import DocCardList from '@theme/DocCardList';
|
||||
import {useCurrentSidebarCategory} from '@docusaurus/theme-common';
|
||||
|
||||
Cloud platforms can provide remote storage, compute, and other infrastructure.
|
||||
SheetJS libraries are written in pure JavaScript and are readily integrated in
|
||||
cloud platforms. Some platform-specific configuration may be required.
|
||||
|
||||
## Platform as a Service
|
||||
|
||||
Cloud PaaS typically offer extensibility through client-side scripts or special
|
||||
code that is run in NodeJS or RhinoJS or other engines:
|
||||
|
||||
- [Salesforce Lightning Web Components](/docs/demos/cloud/salesforce)
|
||||
- [NetSuite](/docs/demos/cloud/netsuite)
|
||||
|
||||
## Cloud Compute
|
||||
|
||||
Cloud computing is commonly offered as "serverless" functions, small snippets
|
||||
of code that are run in NodeJS or other server-side JS platforms. While SheetJS
|
||||
libraries can run in server-side environments, the cloud platforms can corrupt
|
||||
form data. This can be disabled with cloud-specific configuration:
|
||||
|
||||
- [AWS Lambda Functions](/docs/demos/cloud/aws#aws-lambda-functions)
|
||||
- [Azure Functions](/docs/demos/cloud/azure#azure-functions)
|
||||
|
||||
## Cloud Storage
|
||||
|
||||
The primary pitfall with cloud storage is binary data mangling. Spreadsheet
|
||||
files typically contain binary characters. Cloud storage APIs can corrupt
|
||||
binary data, so special care must be taken.
|
||||
|
||||
- [Amazon Simple Storage Service (S3)](/docs/demos/cloud/aws#s3-storage)
|
||||
- [Azure Blob Storage](/docs/demos/cloud/azure#azure-blob-storage)
|
||||
@ -1,6 +1,6 @@
|
||||
---
|
||||
title: Data Grids and Tables
|
||||
pagination_prev: demos/desktop/index
|
||||
pagination_prev: demos/cloud/index
|
||||
---
|
||||
|
||||
Various JavaScript UI components provide a more interactive editing experience.
|
||||
@ -518,10 +518,7 @@ npm i -S https://cdn.sheetjs.com/xlsx-latest/xlsx-latest.tgz vue3-table-lite
|
||||
3) Download [`src/App.vue`](pathname:///vtl/App.vue) and replace the contents:
|
||||
|
||||
```bash
|
||||
cd src
|
||||
rm -f App.vue
|
||||
curl -LO https://docs.sheetjs.com/vtl/App.vue
|
||||
cd ..
|
||||
curl -L -o src/App.vue https://docs.sheetjs.com/vtl/App.vue
|
||||
```
|
||||
|
||||
4) run `npm run dev`. When you load the page in the browser, it will try to
|
||||
|
||||
@ -42,8 +42,7 @@ The project will be configured and modules will be installed.
|
||||
|
||||
```bash
|
||||
mkdir -p _data
|
||||
curl -LO https://sheetjs.com/pres.numbers
|
||||
mv pres.numbers _data
|
||||
curl -L -o _data/pres.numbers https://sheetjs.com/pres.numbers
|
||||
```
|
||||
|
||||
3) Create a `index.njk` file that references the file. Since the file is
|
||||
@ -223,8 +222,7 @@ move the downloaded file into the new folder:
|
||||
|
||||
```bash
|
||||
mkdir -p src/data
|
||||
curl -LO https://sheetjs.com/pres.xlsx
|
||||
mv pres.xlsx src/data
|
||||
curl -L -o src/data/pres.xlsx https://sheetjs.com/pres.xlsx
|
||||
```
|
||||
|
||||
7) To verify, open the GraphiQL editor at `http://localhost:8000/___graphql`.
|
||||
@ -848,8 +846,7 @@ The server is listening on that URL. Open the link in a web browser.
|
||||
3) Download <https://sheetjs.com/pres.xlsx> and move to the `content` folder.
|
||||
|
||||
```bash
|
||||
curl -LO https://sheetjs.com/pres.xlsx
|
||||
mv pres.xlsx content/
|
||||
curl -L -o content/pres.xlsx https://sheetjs.com/pres.xlsx
|
||||
```
|
||||
|
||||
4) Modify `nuxt.config.js` as follows:
|
||||
|
||||
@ -65,13 +65,13 @@ run in the web browser, demos will include interactive examples.
|
||||
- [`Chrome and Chromium Extensions`](/docs/demos/chromium)
|
||||
- [`Google Sheets API`](/docs/demos/gsheet)
|
||||
- [`ExtendScript for Adobe Apps`](/docs/demos/extendscript)
|
||||
- [`NetSuite SuiteScript`](/docs/demos/netsuite)
|
||||
- [`Salesforce Lightning Web Components`](/docs/demos/salesforce)
|
||||
- [`NetSuite SuiteScript`](/docs/demos/cloud/netsuite)
|
||||
- [`Salesforce Lightning Web Components`](/docs/demos/cloud/salesforce)
|
||||
- [`Excel JavaScript API`](/docs/demos/excelapi)
|
||||
- [`Headless Automation`](/docs/demos/headless)
|
||||
- [`Other JavaScript Engines`](/docs/demos/engines)
|
||||
- [`Azure Functions and Storage`](/docs/demos/azure)
|
||||
- [`Amazon Web Services`](/docs/demos/aws)
|
||||
- [`Azure Functions and Storage`](/docs/demos/cloud/azure)
|
||||
- [`Amazon Web Services`](/docs/demos/cloud/aws)
|
||||
- [`Databases and Structured Data Stores`](/docs/demos/database)
|
||||
- [`NoSQL and Unstructured Data Stores`](/docs/demos/nosql)
|
||||
- [`Legacy Internet Explorer`](/docs/demos/frontend/legacy#internet-explorer)
|
||||
|
||||
@ -178,6 +178,11 @@ const config = {
|
||||
{ from: '/docs/demos/vue', to: '/docs/demos/frontend/vue/' },
|
||||
{ from: '/docs/demos/bundler', to: '/docs/demos/frontend/bundler/' },
|
||||
{ from: '/docs/demos/legacy', to: '/docs/demos/frontend/legacy/' },
|
||||
/* cloud */
|
||||
{ from: '/docs/demos/salesforce', to: '/docs/demos/cloud/salesforce/' },
|
||||
{ from: '/docs/demos/aws', to: '/docs/demos/cloud/aws/' },
|
||||
{ from: '/docs/demos/azure', to: '/docs/demos/cloud/azure/' },
|
||||
{ from: '/docs/demos/netsuite', to: '/docs/demos/cloud/netsuite/' },
|
||||
]
|
||||
}]
|
||||
]
|
||||
|
||||
Loading…
Reference in New Issue
Block a user