Steam Web API + Ajax?

이 프로젝트를 구현하면서 가장 중요하게 생각했던 것은 게임 검색이었다.

근데 Steam Web API에서 받아온 앱 개수가 8만개가 넘기 때문에 어떻게 시작해야 할지 모르겠다.

그래서 가장 먼저 구현해볼 방법은 ajax를 이용하여 구현하는 것이었다.

게시판에 글을 작성(Create)하는 부분에서 ajax를 이용하려고 한다.

일단 JSON 형식의 파일을 쉽게 보여줄수 있는 홈페이지를 찾아냈다.

http://json.parser.online.fr

그리고 스팀 앱의 디테일한 정보를 요청할 수 있는 주소를 찾아냈다.

https://store.steampowered.com/api/appdetails?appids= [스팀 앱 번호]

querystring에다가는 appids에 스팀 앱 번호를 적으면 된다.

https://store.steampowered.com/app/578080

https://store.steampowered.com/api/appdetails?appids=578080

배틀 그라운드 게임의 번호가 578080으로 넣어보니까 잘 나왔다.

그리고 ajax를 이용해서 다음과 같이 테스트해보았다.

{% block extra_script %}
<script type="text/javascript">
$(function(){
    $('#app_searchbox').keypress(function(e){
        if(e.keyCode==13) {
            //e.preventDefault();
            alert('과연?');
                $.ajax({
                url: "https://store.steampowered.com/api/appdetails?appids=578080",
                type: "GET",
                dataType: "json",
                success: function(data){
                    alert(data.length);
                },
                complete : function(data){
                    alert(data.data);
                    //$('.data_area').html(data);
                },
                error: function(request,status,error){
                    alert("code = "+ request.status + " message = " + request.responseText + " error = " + error);
                }
            });
        }
    });
});
</script>
{% endblock %}

엔터 입력을 하면 이벤트가 일어나도록 했다. 그런데 안된다?

조금 더 찾아보고 삽질(?)을 더 해야겠다.