新しいと学習WebアプリケーションWeb API - トークンを使用してAPIにアクセスする方法
これは書籍データベースへのアクセスを提供するサンプルAPIです。 2つのデータベースで使用可能な2つのサンプルAPI操作は、ある存在
はABCとXYZは
/api/{abc or xyz}/books
これは
/api/{abc or xyz}/book/{ID}
は、これは、このAPIにアクセスするには、単一の本 の詳細を返す利用可能な本を返すと言うあなたAPIトークンが必要です。
もただの現実世界APIのように、これらは、私は顧客がC#でこれらの2つのプロバイダからの書籍の最も安い価格を得ることができるようにWebアプリケーションを構築したい回
でフレーク状かもしれません。
あなたに提供されたAPIトークンは公開されないでください。 供給API X-アクセストークンにアクセスするためのヘッダ内の次のトークン:xxxxxxxxxxxxxxxxxxxxxx
Iは
public class Movies
{
public int Id { get; set; }
public string Name { get; set; }
public string Category { get; set; }
public decimal Price { get; set; }
と
public class MoviesController : ApiController
{
Movies[] movies = new Movies[]
{
new Movies { Id = 1, Name = "Star Wars", Category = "Action", Price = 1 },
new Movies { Id = 2, Name = "Spiderman", Category = "Action", Price = 3.75M },
new Movies { Id = 3, Name = "Bridget Bones", Category = "Comedy", Price = 16.99M }
};
public IEnumerable<Movies> GetAllProducts()
{
return movies;
}
public IHttpActionResult GetProduct(int id)
{
var movie = movies.FirstOrDefault((p) => p.Id == id);
if (movie == null)
{
return NotFound();
}
return Ok(movie);
}
}
モデルクラスとコントローラを作成しています
}
と私の考え方は
<body>
<div>
<h2>All Movies</h2>
<ul id="movies" />
</div>
<div>
<h2>Search by ID</h2>
<input type="text" id="movieId" size="5" />
<input type="button" value="Search" onclick="find();" />
<p id="movie" />
</div>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.0.3.min.js">/script>
<script>
var uri = 'api/movies';
$(document).ready(function() {
// Send an AJAX request
$.getJSON(uri)
.done(function (data) {
// On success, 'data' contains a list of products.
$.each(data, function (key, item) {
// Add a list item for the product.
$('<li>', { text: formatItem(item) }).appendTo($('#movies'));
});
});
});
function formatItem(item) {
return item.Name + ': $' + item.Price;
}
function find() {
var id = $('#movieId').val();
$.getJSON(uri + '/' + id)
.done(function (data) {
$('#movie').text(formatItem(data));
})
.fail(function (jqXHR, textStatus, err) {
$('#movie').text('Error: ' + err);
});
}
</script>
私はこのためのトークン認証の使い方を理解していません。 API x-access-tokenにアクセスするためにヘッダーに次のトークンを指定したいとしましょう:xxxxxxxxxxxxxxxxxxxxxxどうすればいいですか?
ご協力いただければ幸いです。 ありがとうございます。
は、[のOAuth2](https://www.visualstudio.com/en-ca/docs/integrate/getに見て-started/auth/oauth)。また、尋ねる前にいくつかの調査を行います。 –