Office Online でアドインをデバッグするDebug add-ins in Office Online

ビルドし、Windows または Office のデスクトップ クライアントを実行していないコンピューター上のアドインをデバッグする—、mac 上で開発している場合など、You can build and debug add-ins on a computer that isn't running Windows or the Office 2013 or Office 2016 desktop client - for example, if you're developing on a Mac. This article describes how to use Office Online to test and debug your add-ins. Office Online を使用してアドインのテストとデバッグを行う方法How to use Office Online to test and debug your add-ins.

前提条件Prerequisites

開始するにはTo get started:

  • Office 365 の開発者アカウントをまだお持ちでない場合はこれを取得します。または SharePoint サイトにアクセスできるようにします。Get an Office 365 developer account if you don't already have one or have access to a SharePoint site.

    注意

    無料の Office 365 開発者サブスクリプションにサインアップするには、Office 365 開発者プログラムにご参加ください。To sign up for a free Office 365 developer subscription, join our Office 365 Developer Program. Office 365 Developer プログラムに参加し、サブスクリプションにサインアップして構成する方法についての詳しい手順については、Office 365 Developer プログラムのドキュメントを参照してください。See the Office 365 Developer Program documentation for step-by-step instructions about how to join the Office 365 Developer Program and sign up and configure your subscription.

  • Office 365 (SharePoint Online) 上でアドイン カタログをセットアップするアドイン カタログとは、Office アドイン用のドキュメント ライブラリをホストする SharePoint Online の専用サイト コレクションです。独自の SharePoint サイトを所有している場合は、アドイン カタログのドキュメント ライブラリをセットアップすることができます。詳細については、「作業ウィンドウ アドインとコンテンツ アドインを SharePoint カタログに発行する」をご覧ください。Set up an add-in catalog on Office 365 (SharePoint Online). An add-in catalog is a dedicated site collection in SharePoint Online that hosts document libraries for Office Add-ins. If you have your own SharePoint site, you can set up an add-in catalog document library. For more information, see Publish task pane and content add-ins to an add-in catalog on SharePoint.

Excel Online または Word Online からアドインをデバッグするDebug your add-in from Excel Online or Word Online

Office Online を使用してアドインをデバッグするには、To debug your add-in by using Office Online:

  1. SSL をサポートするサーバーにアドインを展開します。Deploy your add-in to a server that supports SSL.

    注意

    Yeoman ジェネレーターを使用して、アドインを作成し、ホストすることをお勧めします。We recommend that you use the Yeoman generator to create and host your add-in.

  2. アドイン マニフェスト ファイルで、相対 URI ではなく絶対 URI を含めるように SourceLocation 要素の値を更新します。たとえば次のようにします。In your add-in manifest file, update the SourceLocation element value to include an absolute, rather than a relative, URI. For example:

    <SourceLocation DefaultValue="https://localhost:44300/App/Home/Home.html" />
    
  3. SharePoint のアドイン カタログにある Office アドイン ライブラリにマニフェストをアップロードします。Upload the manifest to the Office Add-ins library in the add-in catalog on SharePoint.

  4. Office 365 のアプリ起動ツールから Excel Online または Word Online を起動し、新しいドキュメントを開きます。Launch Excel Online or Word Online from the app launcher in Office 365, and open a new document.

  5. [挿入] タブで、 [個人用アドイン] または [Office アドイン] をクリックし、アプリにアドインを挿入してテストします。On the Insert tab, choose My Add-ins or Office Add-ins to insert your add-in and test it in the app.

  6. お気に入りのブラウザーのツール デバッガーを使用してアドインをデバッグします。Use your favorite browser tool debugger to debug your add-in.

潜在的な問題Potential issues

以下は、デバッグ時に発生する可能性がある問題です。The following are some issues that you might encounter as you debug:

  • 表示される JavaScript エラーのいくつかは Office Online に起因している可能性があります。Some JavaScript errors that you see might originate from Office Online.

  • ブラウザーが、バイパスが必要になる、無効な証明書エラーを表示することがあります。The browser might show an invalid certificate error that you will need to bypass.

  • コードにブレークポイントを設定する場合、Office Online から、保存できないというエラーがスローされることがあります。If you set breakpoints in your code, Office Online might throw an error indicating that it is unable to save.

関連項目See also