共用方式為

將已連接的服務加入由 Visual Studio Tools for Apache Cordova 建置的應用程式

  • 發行項

本主題適用於發行前版本軟體 -- Apache Cordova 的 Visual Studio Tools。這些功能描述於預覽中，但有可能變更。您可以從 Microsoft 下載中心下載此 Preview。

您可利用已連接服務的 Visual Studio 服務管理員，將 Microsoft 服務 (例如 Azure 行動服務、Office 365 和其他服務) 整合到由 Visual Studio Tools for Apache Cordova 建置的應用程式。 管理員可以輕鬆地加入服務，而不需要離開 Visual Studio。

本文內容：

  • 開啟服務管理員

  • 新增 Azure 行動服務

  • 新增 Office 365 服務

如需在 Visual Studio 中搭配 Cordova 應用程式使用連線服務的其他資訊和教學，請參閱以下文章和部落格文章：

開啟 [服務管理員]。

若要加入已連接服務，請先開啟 Visual Studio 服務管理員。

開啟管理員

  • 在 [方案總管] 中，開啟專案的捷徑功能表，然後依序選擇 [新增] 和 [已連結的服務]。

    加入連接的服務

    下列各節說明如何加入不同類型之已連結的服務。

Azure 行動服務

您可利用 Azure Mobile Services，將雲端服務 (例如資料和推播通知) 加入您的應用程式。

將 Azure Mobile Services 加入應用程式

  1. 如果您沒有 Azure 帳戶，請建立 Azure 帳戶。

  2. 在 Visual Studio 中，開啟 [服務管理員]，並選擇 [Windows Azure]，然後選擇 [管理訂閱]。

    登入 Azure 訂閱

  3. 登入您的帳戶。

    此處會列出可供您使用的帳戶。

    Azure 的訂閱清單

  4. 在 [服務管理員] 中，選擇 [建立服務] 加入新的 Azure 行動服務，並填寫必要資訊，然後選擇 [確定]。

    建立 Azure 行動服務

    若要開始，您通常會選擇 <建立免費的 SQL 資料庫>，然後提供 [伺服器使用者名稱]、[伺服器密碼] 和 [確認伺服器密碼]。 這裡需要的步驟與本文 中 ＜從 Visual Studio 建立新的行動服務＞一節中所顯示的步驟類似。

    新的服務會出現在已連結之服務的 [服務管理員] 清單中。

  5. 在 [服務管理員] 中，選擇 [確定]。

    Visual Studio 會將 service.js 檔案加入您在 services/azure_service_name/ 下的專案。 這個檔案包含您的 Azure 金鑰，可存取及使用應用程式中的服務。

如果您建立的是 TypeScript 應用程式，會需要 TypeScript 定義 (.d.ts 檔案)，其說明目前所使用的 Azure 服務之 API 介面。 您可以尋找由 NuGet 中社群所建立的定義，其可從 Visual Studio 中加以存取。

使用 Azure Mobile Services 時一併使用 TypeScript

  1. 從 [方案總管] 中專案的捷徑功能表，選擇 [管理 NuGet 套件]。

  2. 選擇 [線上]。

  3. 搜尋 "azure-mobile-services-client"。

  4. 選擇其中一個 "azure-mobile-services-client.TypeScript.DefinitelyTyped" 定義，然後選擇 [安裝] 將定義檔加入您的專案。

    加入 TypeScript 定義

    如需定義的詳細資訊，請開啟右窗格中的 [ID] 連結。

Office 365 服務

您可以使用 Office 365 API 來開發應用程式，以存取電子郵件、行事曆和連絡人等服務。 如需詳細資訊，請參閱 Office 和 SharePoint 相關應用程式部落格上的宣告 Visual Studio 的 Office 365 API 工具。

將 Office 365 服務加入您的應用程式

  1. 安裝 Office 365 API 工具 的 Visual Studio 擴充功能。

  2. 在 Visual Studio 中，開啟 [服務管理員]，然後選擇 [Office 365 API]。

    提示

    如果您在安裝 Office 365 API 之後在 [服務管理員] 中看不到它們，請先關閉 Visual Studio 然後再加以開啟。

  3. 如果這是在 Visual Studio 中第一次加入服務，可能會要求您登入 Office 365 開發人員帳戶。 選擇 [登入]。

    安裝 Office 365 API

    登入之後，可以設定不同 Office 365 服務的權限。

請參閱

概念

開始使用 Visual Studio Tools for Apache Cordova

其他資源

FAQ