詳しくはこちら
 
ナレッジベース
Avalara AvaTax Dynamics GP Dynamics NAV e-Sales Manager Freshdesk Money Forward Expense MYOB AccountRight PCA Accounting PCA Sales QuickBooks QuickBooks Online QuickBooks Time Reckon Reckon Accounts Hosted Sage 200 Sage Cloud Accounting Sage Intacct TaxJar Xero Zoho Books スマレジ
Amazon S3 Avro Azure Data Lake Storage Box CSV Dropbox FHIR FTP Google Cloud Storage Google Drive HDFS IBM Cloud Object Storage JSON LDAP Microsoft Dataverse Microsoft OneDrive OData Parquet Power BI XMLA REST RSS SAS Data Sets SAS xpt SFTP Twilio XML
Active Directory Airtable Asana Autify Azure Active Directory Azure DevOps Backlog Basecamp Bitbucket Business b-ridge Confluence DocuSign Email Excel Excel Online Garoon GitHub Gmail Google Calendar Google Contacts Google Sheets Greenhouse HCL Domino Jira Jira Assets Jira Service Management Kintone Microsoft Entra ID Microsoft Exchange Microsoft Planner Microsoft Project Microsoft Teams Monday.com Office 365 Okta OneNote Oracle Service Cloud PingOne Quickbase Raisers Edge NXT Salesforce Data Cloud SAP BusinessObjects BI SAP SuccessFactors SharePoint SharePoint Excel Services Slack Smartsheet TeamSpirit Trello WordPress Zendesk Zoho Creator Zoho Projects クラウドサイン
Adobe Commerce ADP Amazon Marketplace au PAY Market Authorize.Net BigCommerce Blackbaud FE NXT Bカート eBay eBay Analytics GMO MakeShop Paylocity PayPal SAP Ariba Procurement SAP Fieldglass ShipStation Shopify Square Stripe Wave Financial WooCommerce Yahoo! Shopping Zuora
Act CRM Act-On ActiveCampaign Acumatica Bullhorn CRM Certinia Dynamics 365 Dynamics 365 Business Central Dynamics CRM Epicor Kinetic Exact Online Highrise HubDB Kingdee K3 WISE nCino NetSuite Odoo Oracle Financials Cloud Oracle HCM Cloud Oracle SCM Outreach.io Pipedrive Sage 300 Salesforce Salesforce Financial Service Cloud SAP SAP Ariba Source SAP ByDesign SAP Netweaver Gateway ServiceNow Sugar CRM SuiteCRM Tally Tier1 UM SaaS Cloud Veeva Veeva CRM Workday Zoho CRM Zoho Inventory
Adobe Analytics Bing Ads Cvent Facebook Facebook Ads Google Ad Manager Google Ads Google Analytics Google Campaign Manager 360 HubSpot Instagram LinkedIn LinkedIn Ads MailChimp Marketo Oracle Eloqua Oracle Sales Pinterest Salesforce Marketing Salesforce Marketing Cloud Account Engagement Salesforce Pardot Salesloft Sansan SendGrid Snapchat Ads Splunk SurveyMonkey Tableau CRM Analytics Twitter Twitter Ads Yahoo! Ads Yahoo! JAPAN DATA SOLUTION YouTube Analytics
Amazon Athena Amazon DynamoDB Azure Data Catalog Azure Table BigQuery Cassandra Cloudant CockroachDB Cosmos DB Couchbase CouchDB Databricks Elasticsearch Google Data Catalog Google Spanner GraphQL HarperDB HBase Hive IBM Cloud Data Engine Kafka MarkLogic MongoDB Neo4J Phoenix Presto Redis Redshift Snowflake Spark TigerGraph Trino
Access AlloyDB Azure Analysis Services Azure Synapse DB2 EnterpriseDB Greenplum IBM Informix Impala JDBC-ODBC Bridge MariaDB MySQL Oracle PostgreSQL SAP Business One SAP HANA SAP HANA XS Advanced SAP Hybris C4C SingleStore SQL Analysis Services SQL Server SQLite Sybase Sybase IQ Teradata xBase
Power BI Desktop MicroStrategy QlikView Dash SAS Tableau Actionista! Alteryx Designer Amazon QuickSight Aqua Data Studio Birst board biz-Stream Create!Form Microsoft Excel Online Microsoft Excel: Microsoft Query Microsoft Power Query Databricks Data Knowledge Dataiku DSS Domo Exploratory FineReport Looker Studio Google Sheets IBM Cognos Analytics IBM Cognos BI JasperServer Jaspersoft Studio JReport Designer Klipfolio KNIME LINQPad Metabase OpenOffice Qlik Sense Power BI Online Power BI Dataflow Power BI Power BI Service Power BI Service Gateway MATLAB Microsoft SSAS MotionBoard OBIEE Python pandas Pentaho Report Designer R RapidMiner Redash SAP Business Objects SAP Crystal Reports SAP Lumira Sisense Slingshot Spago BI SPSS Modeler Tableau Cloud: Connect Cloud Tableau Cloud: 接続方法一覧 Tableau Desktop Tableau Desktop Tableau Bridge Tableau Server ThoughtSpot TIBCO Spotfire Server Visio Yellowfin BI XC-Gate Zoho Analytics
AlloyDB Couchbase Snowflake Amazon S3 Amazon Redshift Google BigQuery Google Cloud SQL Kafka SQLite SQL Server PostgreSQL Oracle Database MySQL MongoDB IBM DB2 CSV Apache Cassandra Azure Data Lake Azure Synapse Microsoft Azure SQL Microsoft Access Vertica SAP HANA AWS Glue KARTE Datahub Snowflake:リバースETL Oracle Data Integrator Apache Nifi Apache Solr ASTERIA WARP Boomi Google Cloud Data Fusion CS Analtyics Data Uploader Databricks DataSpider Elasticsearch Logstash Embulk FoxPro Heroku / Salesforce Connect Informatica Cloud Informatica PowerCenter Magic xpi Microsoft Excel Neuron petl Qlik Replicate PowerShell:MySQL へのレプリケーション AUTORO Talend TranSpeed UiPath Waha!Transformer WinActor
MySQL Federated Tables Oracle Database SQL Server SQL Server Linked Servers SQL Server PolyBase Access Linked Tables Denodo PostgreSQL FDW Salesforce Connect SharePoint
appsmith Contexer .NET LINQ FastAPP FileMaker ESS Go PHP Python PHP（Linux） .NET Adalo AngularJS App Builder Microsoft Azure Logic Apps Apache Spark AppSheet Blazor Bubble Choreo ColdFusion Coopel DevExpress Entity Framework Entity Framework: MVC Filemaker Pro Google Apps Script Hibernate IntelliJ JBoss JDBI Jetty JRuby Mendix NEXACRO BEYOND Monaca NodeJS OutSystems PEP Power Apps PowerShell PowerBuilder PyCharm Retool React Ruby SAP AppGyver SAP UI5 Servoy StiLL TALON Tomcat Unifinity Wagby
APOS Azure Data Factory Azure Analysis Services DBeaver DbVisualizer DB Artisan RazorSQL SQuirreL A5:SQL Mk-2 DB Artisan SQLAlchemy Informatica Enterprise Data Catalog MySQL Workbench QuickSolution SkyLink
 

製品をチェック

製品の詳細・30日間の無償トライアルはこちら

CData Connect

ノーコードアプリ開発プラットフォーム bubble でDropbox にアクセス

CData Connect Server を使ってDropbox のデータのOData API エンドポイントを作成して、bubble からDropbox のデータを使ったアプリを作成する方法。

杉本和也
リードエンジニア
最終更新日：2021-11-15

こんにちは！リードエンジニアの杉本です。

bubble はプログラミングを行わずにWebアプリケーションを開発できるクラウドサービスです。この記事では、CData Connect Server を経由して bubble からDropbox に連携する方法を説明します。

CData Connect Server は、Dropbox のデータのクラウド to クラウドの仮想OData インターフェースを提供し、bubble からリアルタイムにDropbox のデータへ連携することができます。
bubble からDropbox にデータ連携。

Dropbox の仮想OData API エンドポイントを作成

まずCData Connect Server でデータソースへの接続およびOData API エンドポイント作成を行います。

  1. CData Connect Server にログインして、Databases をクリックします。 データベースを追加
  2. 利用できるデータソースアイコンから"Dropbox" を選択します。
  3. Dropbox に接続するために必要なプロパティを入力します。

    OAuth では認証するユーザーにブラウザでDropbox との通信を要求します。CData 製品は、以下のようにさまざまな方法でこれを容易にします。 ユーザー資格情報の接続プロパティを設定せずに接続できます。 接続すると、CData 製品はデフォルトブラウザでOAuth エンドポイントを開きます。ログインして、CData 製品にアクセス許可を与えます。CData 製品がOAuth プロセスを完了します。

    他のOAuth 認証フローについては、ヘルプドキュメントの「OAuth 認証の使用」を参照してください。

    なお、Dropbox Driver はDropbox のファイルの一覧表示やユーザー管理情報の取得用です。Dropbox に保管されているExcel、CSV、JSON などのファイル内のデータを読み込みたい場合には、Excel Driver、CSV Driver、JSON Driver をご利用ください。

    接続を設定
  4. Test Database をクリックします。
  5. Permission -> Add をクリックして、新しいユーザーを追加し、適切な権限を指定します。
  6. API タブをクリックして OData API エンドポイントが生成されていることを確認します。

bubble API Connector の構成

それでは bubble側でCData Connect Server に連携するための API Connector を構成します。

  1. まず、bubble の Pluginsタブに移動して「Add Pluings」をクリックします。
  2. 一覧の中から「API Connector」を検索し、インストールしてください。
  3. インストール後、連携設定の画面が出てくるので、任意の名称を入力し、Header情報に「x-cdata-authtoken」と予め取得したCData Connect Server のTokenを設定します。
  4. 続いて、Dropboxのエンドポイントを呼び出す定義を追加します。「GET」リクエストで、CData Connect Server で定義したAPIエンドポイントのURLを入力してください。
  5. 最後に「Initialize call」を行い、データ項目の型情報を調整します。
  6. 特に変更がなければデフォルトのままでOKです。以上で bubble から CData Connect Server への連携設定は完了です。

UIを構成する

それではbubble でDropbox のデータを呼び出してみましょう。今回はExcel Likeなテーブルを表示できるUIコンポーネントでデータを呼び出してみます。

  1. Add Pluingsで「Excel-like HandsonTable」を追加します。
  2. あとは、このUIコンポーネントを配置して、CData Connect Server のPluginをバインドするだけでOKです。
  3. テーブルにバインドする配列要素はvalue 要素を指定してみてください。
  4. プレビュー画面に移動することで、Dropbox からデータを取得した一覧画面が確認できます。

このように、CData Connect Serverを経由することで、API 側の複雑な仕様を意識せずにAPI 連携をしたウェブアプリをbubble で開発できます。他にも多くのデータソースに対応するCData Connect Server の詳細をこちらからご覧ください。

トライアル・お問い合わせ

30日間無償トライアルで、CData のリアルタイムデータ連携をフルにお試しいただけます。記事や製品についてのご質問があればお気軽にお問い合わせください。

無償トライアルへ
お問い合わせ