Github Education
  • Github學生免費服務推薦
  • name.com免費網域申請
  • SendGrid - Email Service
  • Configcat - Global config setting
  • Transloadit - File conversion to cloud storage
  • i18n 管理平台 - lingohub
  • Push Notifications - PushBots
  • BrowserStack
  • Page
  • Ai
    • Stable diffusion
    • Changing Images Backgrounds
  • Copy of Crypto currency games
    • Gods Unchained
  • Digital Ocean
    • How to create cloud instance and access it on Digital Ocean
    • Deploy nodeJs on DigitalOcean droplet using docker
    • Deploy Redis to your local
  • Heroku
    • Heroku Cli
    • How to deploy Hello world to Heroku using docker
    • How to deploy NodeJS application to Heroku using docker
  • APIs
    • Google Geocoding API
    • FourSquare
    • Building APIs with Swagger
  • Util
    • Google Cloud Storage - Object storage
    • Google Search Console
    • Google Sign-in with Angular Front End
    • Google Sign-in with Nodejs Backend
    • Github Package
  • 推薦課程
  • Currently interested in
  • Useful info
  • Become a Front End Web Developer | Udacity
    • 2. CSS, Website Layout, Website Components
      • Lesson 2: CSS
      • Lesson 3: Flexbox
      • Lesson 4: CSS Grid
      • Lesson 5: Creating Responsive Layouts
      • How to use Adobe Design tokens - Spectrum
    • 3. Javascript & The DOM
      • Lesson 1: Syntax
      • Lesson 2: The Document Object Model
      • Lesson 3: Creating Content with JavaScript
      • Lesson 4: Working with Browser Events
  • Some tips
    • Github Blame View
  • Free
    • Openshift(WIP)
Powered by GitBook
On this page
  • 創建Google Cloud Storage Bucket
  • 取得Google Cloud Storage Credential
  • 啟用Cloud Storage JSON API
  • 將JSON Key File上傳至Transloadit Credentials
  • 執行網站截圖並且上傳到GCS
  • 到GCS驗證結果
  • 整合Code至你的服務

Was this helpful?

Transloadit - File conversion to cloud storage

PreviousConfigcat - Global config settingNexti18n 管理平台 - lingohub

Last updated 5 years ago

Was this helpful?

如果我想要替一個網站截圖然後上傳到雲端空間,我就可以使用Transloadit和Google cloud storage做到這件事。

步驟就是透過Transloadit將網站截圖,再利用Transloadit上傳到Google Cloud Storage。

創建Google Cloud Storage Bucket

Name your bucket: 你想要的名稱

Choose where to store your data:Location type Region

Choose a default storage class for your data:Standard

Choose how to control access to objects:Fine-grained

Advanced settings (optional):Google-managed key

參考資料:

如果你還沒使用過Google cloud storage,請先。以下的步驟已經假設你已經創建bucket。

取得Google Cloud Storage Credential

為了讓Transloadit可以儲存資料到GCS,我們必須先取得GCS的Credential。

之後就會下載你的JSON key file。

啟用Cloud Storage JSON API

為了能夠讓第三方API能夠使用Google credential以及使用Google Cloud Storage Service,我們必須啟用JSON API服務。

參考資料:

將JSON Key File上傳至Transloadit Credentials

參考資料:

執行網站截圖並且上傳到GCS

Template就是去設定你需要執行的步驟:

參考資料:

到GCS驗證結果

整合Code至你的服務

點擊此開啟服務
Cloud Storage JSON API overview
Template Credentials
Export files to Google Storage
存儲檔案變數 - 看Assembly Variables Example section
Uniform bucket-level access
閱讀這篇文章
透過這個頁面產生key
Role選擇Cloud Datastore User
到Credentials分頁新增Third-party Credentials
這個Name就會是你需要使用的Credentials