VSTSサービスに展開せずにVSTS拡張ビルドサマリータブをデバッグするには？

Question

VSTSビルドサマリータブ用のかなり複雑なUIを開発する必要があります。私はコードエディタとしてVSコードを使用しています。 URLに続いてEdgeブラウザを使用してデバッグする方法について説明していますが、このアプローチでは、VSTSに拡張機能をパッケージ化して展開する必要があり、時間がかかります。

私が直接ブラウザのコンソールに表示されるメッセージをブラウザの拡張機能でビューを使用して、次の.html（サマリー]タブ）をロードしようとしたhttps://www.visualstudio.com/en-us/docs/integrate/extensions/test/debug-in-browser、

No handler found on any channel for message: 
{"id":1,"methodName":"initialHandshake","instanceId":"VSS.HostControl","params":[{"notifyLoadSucceeded":true,"vssSDKVersion":2}],"jsonrpc":"2.0","handshakeToken":"4234q23rqfafaf23r"} 

は、開発中のアプリケーションをデバッグする任意のより良い方法はありますか？

Answer 1

いいえ、拡張機能をVSTSに展開せずにデバッグすることはできません。拡張機能はコードをデバッグする前にVSTSに展開する必要があります。

Answer 2

初期展開後、Fiddlerを使用してディスクusing FiddlerScript or the AutoResponder featureから直接ファイルを返すことができます。

Answer 3

ローカルで開発することができます。 VSTSはiframeを使用して内線番号のコンテンツを表示しますので、ローカルサーバを実行してvss-extension.jsonマニフェストで参照することができます。

最初に、vss-extension.jsonには、ローカルでプロジェクトを実行している場所にbaseUriプロパティを設定します（https://localhost:8889など）。 VSTSがコンテンツを提供するためにはhttpsとして実行する必要があります。そうしないと、「混在コンテンツ」エラーが発生し、VSTSは内線のコンテンツを表示することを拒否します。

次に、拡張機能を公開してローカルで実行します。あなたは地元の開発が必要です。試行錯誤が必要な場合がありますが、私には欠けている措置があるかどうかがわかります。

リンクはまだ（あなたがInterentがある方法を知っている）動作する場合は、このスタータープロジェクトは素晴らしいスタートです：https://github.com/Microsoft/vsts-extension-multivalue-control