Last updated: September 18, 2024
# Introducing the /dropbox/store Robot for easy exports
**Tyler McAllister**
Technical Writer · Trondheim, Norway · Show bio
## It's time to Re-Loadit!
This blogpost will be the first of a series that we're calling **Re-loadit**. In this series, we will be covering a number of Transloadit's features that haven't yet received a proper introduction to our users.
Similar to other Robot introductions, we will give you some examples, explain the key functionality of the Robot and offer some tips on how to get started. I hope you'll enjoy learning more about leveraging Transloadit's breadth of features.
## The /dropbox/store Robot
As cloud storage continues to rise in popularity, it looks like storing files only on your own disk might soon be going the way of the flip phone. With a tremendous 500 million registered user accounts, Dropbox stands out as one of the most prominent cloud storage services out there. We want to ensure our users have the freedom to integrate the service directly into their TransloaditTemplates.
That is why we introduced the [/dropbox/store](/docs/robots/dropbox-store.md) Robot, which has been part of the Transloadit Robot family since May this year.
## What can it do?
Its functionality couldn't be simpler - the [/dropbox/store](/docs/robots/dropbox-store.md) Robot will export all encoding results from your Assembly to a Dropbox storage location of your choosing. A nice example we can use here to show off its capabilities is how thisRobot can help you to keep better track of important digital documents, such as your pay cheques or invoices.
Companies will often provide their invoices as an HTML page. Properly archiving these documents, which you are obligated to do if you run a company yourself, can be a cumbersome task if done by hand. Personally, I like to store my invoices in Dropbox so I can have them all in a single, safe location. So, for this example, I'll show you how you can use Transloadit to automatically 'print' HTML pages and store them as PDFs in a Dropbox.
## Creating the Assembly
Before I can get started with creating my Assembly, I need to get my Dropbox access token. This is necessary for our Assemblies to use the Dropbox API. To generate my access token, I'll have to go to the[Dropbox developers section](https://www.dropbox.com/developers/apps/create). I highly recommend you store your access token in the [Template Credentials](/c/template-credentials/) here at Transloadit. This keeps your access key encrypted in our database and helps prevent malicious users from gaining access to it. As you can see in the screenshot below, I've named my Dropbox credentials\_my\_invoice\_uploader\_. I'll need this name later when I begin creating my Assembly.
These are the Assembly Instructions I used after setting up my access token correctly:
```json
{
"steps": {
"screenshot": {
"robot": "/html/convert",
"format": "pdf",
"url": "https://demos.transloadit.com/b2-invoice-example/2018-11-29-backblaze-tyler-invoice.htm",
"width": 1024
},
"exported": {
"robot": "/dropbox/store",
"credentials": "my_invoice_uploader",
"path": "invoices/${file.original_basename}.${file.ext}"
}
}
}
```
Everything here is pretty cut and dry. The [/html/convert](/docs/robots/html-convert.md) Robot takes screenshots of a provided HTML webpage. Using the `url` parameter, I can fetch a webpage directly from its URL. Next up, the `format` parameter determines the format of the screenshot such as `png`, but I'm choosing for `pdf` in this case. And lastly, the `width` parameter is set to `1024`. The height of the screenshot is then automatically scaled along with this value to keep matching the desired aspect ratio.
Oh, and in case you were starting to worry, we changed the numbers on that example Backblaze HTML invoice so they don't make any sense anymore! 😄
In the next Step, I export the PDF screenshot to the[/dropbox/store](/docs/robots/dropbox-store.md) Robot. The `credentials` parameter accesses the Dropbox access token I stored in my Template Credentials, named\_my\_invoice\_uploader\_. The `path` parameter then stores the exported PDF into a folder named`invoices` in my Dropbox storage and names each file by their original filename. If you are worried about collisions, you could add additional[Assembly Variables](/docs/topics/assembly-instructions.md#assembly-variables) to this path, such an MD5 hash (`${fle.md5hash}`), or the `${unique_prefix}`.
To try out my newly created Template, I run the following Node.js code, taking the webpage I want as an argument. Feel free to try it out yourself.
```javascript
const { Transloadit } = require('transloadit')
const transloadit = new Transloadit({
authKey: process.env.TRANSLOADIT_AUTH_KEY,
authSecret: process.env.TRANSLOADIT_SECRET_KEY,
})
const options = {
params: {
steps: {
screenshot: {
robot: '/html/convert',
format: 'pdf',
url: process.argv[2],
width: 1024,
},
exported: {
robot: '/dropbox/store',
credentials: 'my_invoice_uploader',
path: 'invoices/${file.id}.${file.ext}',
},
},
},
}
transloadit.createAssembly(options, (err, result) => {
if (err) {
throw err
}
console.log({ result })
})
```
## The results
Upon checking my Dropbox, it looks like everything has run successfully. My invoice is sitting quite comfortably as a PDF in the filepath specified 💖
I hope this post has demonstrated how powerful the[/dropbox/store](/docs/robots/dropbox-store.md) Robot is and how effortlessly it can be combined with the other features offered by Transloadit. That's it for the initial debut of the Re-loadit series, I hope you're already looking forward to the next part!
[#file-exporting-service](/blog/tags/file-exporting-service.md)[#dropbox-store-robot](/blog/tags/dropbox-store-robot.md)[#integrations](/blog/tags/integrations.md)[#re-loadit](/blog/tags/re-loadit.md)[#html-convert-robot](/blog/tags/html-convert-robot.md)
### 👩💻 Join 20k+ developers
Sign up for our [monthly newsletter](/newsletters.md) to receive direct links to 3 exclusive tech — and 2 product updates. No less, no more.
Your email:
Get access
## File uploading and encoding. Made simple.
Transloadit streamlines file handling for developers, trusted by brands like Coursera and The New York Times. We’re known for a reliable API, top-notch support, and a strong commitment to open source, with projects like [Uppy](https://uppy.io) and [Tus](https://tus.io) setting standards in file processing.
[Sign up](/c/)[Book a Demo](https://survey.typeform.com/to/kRg47Xi5)
No credit card needed
Cancel anytime