Alex Zeitlerの記事のおかげで、WCFWebAPIサービスでJSONPリクエストを受け入れることができます。
これは単純なリクエストには非常にうまく機能しますが、問題があります。
アクセス可能にするために必要な機能の1つは、現在http投稿を介して複雑なオブジェクトを取得する検索機能です。明らかに、JSONP経由で投稿することはできないので、これをgetリクエストに変換する方法を考えています。
既存の関数は次のようになります。
[WebInvoke(UriTemplate = "", Method = "POST")]
public HttpResponseMessage<List<Models.Payload>> FindPayloads(Models.AimiRequest requestValues)
{
// do stuff here
return new HttpResponseMessage<List<searchResult>>(results);
}
渡されるリクエストオブジェクトは次のように定義されます。
public class AimiRequest
{
public MetadataQueryParameter[] Metadata { get; set; }
public string ContentType { get; set; }
public string RuleTypes { get; set; }
}
public class MetadataQueryParameter
{
public string Name { get; set; }
public string Value { get; set; }
}
トリッキーな部分は、メタデータパラメータの数が不明であり、名前と値が事前にわからないことです。
オブジェクトを文字列にシリアル化して渡すことを試みましたが、サービスは400 Bad Requestをスローします(潜在的に危険なRequest.Path値がクライアントから検出されました(:))。
誰か明るいアイデアがありますか?
編集:ダーティハックアラート!
わかりました、私は動作する機能を持っていますが、私はそれが好きではありません。クエリ文字列からデータを手動で引き出して自分でエンコード解除しなくても、これを実現する方法が必要です。
クライアント側のスクリプト(これは本番環境ではなくテストコードであることに注意してください)
function findPayload() {
var paramName = $("#ddlMetaType option:selected").val();
var paramValue = $("#txtValue").val();
// build query object
var AimiRequest = new Object();
AimiRequest.ContentType = null;
AimiRequest.RuleTypes = null;
var MetadataQueryParameter = new Object();
MetadataQueryParameter.Name = paramName;
MetadataQueryParameter.Value = paramValue;
AimiRequest.Metadata = new Array();
AimiRequest.Metadata.push(MetadataQueryParameter);
// NB. In production there may be multiple params to push into the array.
// send query to service
$.ajax({
cache: false,
contentType: "application/json",
data: {},
dataType: "jsonp",
error: function (xhr, textStatus, errorThrown) {
switch (xhr.status) {
case 404:
displayNotFound();
break;
default:
alert(xhr.status);
break;
}
},
success: function (response) {
var resultsPane = $("#resultsPane");
$(resultsPane).empty();
$("#payloadTemplate").tmpl(response).appendTo(resultsPane);
},
type: "GET",
url: "http://localhost:63908/search/json?data=" + encodeURIComponent(JSON.stringify(AimiRequest))
});
}
そしてそれを受け取るサーバー側の機能:
[ServiceContract]
public class SearchResource
{
private IPayloadService _payloadService;
public SearchResource(IPayloadService pService)
{
this._payloadService = pService;
}
[WebGet(UriTemplate = "")]
public HttpResponseMessage<List<Payload>> Search()
{
// find input in querystring
var qString = HttpContext.Current.Request.QueryString["data"];
// Unencode it
var unenc = HttpUtility.UrlDecode(qString);
// deserialise back to the object
var jsSerialiser = new System.Web.Script.Serialization.JavaScriptSerializer();
var myObj = jsSerialiser.Deserialize<AimiRequest>(unenc);
// do search
var metadataParams = new List<KeyValuePair<string, string>>();
foreach (MetadataQueryParameter param in myObj.Metadata)
{
metadataParams.Add(new KeyValuePair<string, string>(param.Name, param.Value));
}
List<Data.Payload> data = _payloadService.FindPayloads(metadataParams, myObj.ContentType, myObj.RuleTypes);
// Map to "viewmodel"
var retVal = AutoMapper.Mapper.Map<List<Data.Payload>, List<Payload>>(data);
// return results
return new HttpResponseMessage<List<Payload>>(retVal);
}
}