{"id":1228,"date":"2014-04-26T11:10:35","date_gmt":"2014-04-26T11:10:35","guid":{"rendered":"http:\/\/www.rezafaisal.net\/?p=1228"},"modified":"2014-04-26T11:10:35","modified_gmt":"2014-04-26T11:10:35","slug":"mengijinkan-emultor-windows-phone-untuk-akses-lokal-iis-web-server","status":"publish","type":"post","link":"https:\/\/www.rezafaisal.net\/?p=1228","title":{"rendered":"Mengijinkan Emultor Windows Phone untuk Akses Lokal IIS Web Server"},"content":{"rendered":"

Ada beberapa hal yang membuat hal ini mesti dilakukan :<\/p>\n

    \n
  1. (mungkin) ingin memeriksa fungsional dan UI dari web yang telah dibangun secara lokal.<\/li>\n
  2. (mungkin) ingin mencoba web service atau web api secara lokal.<\/li>\n<\/ol>\n

    Web server lokal yang terdapat pada PC development yang kita gunakan kemungkinan ada dua yaitu IIS dan IIS Express (yang biasanya digunakan pada Visual Studio).<\/p>\n

    {IIS<\/em><\/strong>}<\/p>\n

    Baiklah, kalau begitu langsung saja untuk mencobanya. Pertama adalah mencoba untuk mengakses IIS (tanpa Express), kalau via web browser di PC maka biasanya kita akses web server tersebut dengan menuliskan http:\/\/localhost<\/a> pada address bar dan akan dilihat seperti tampilan berikut :<\/p>\n

    \"blog2\"<\/a><\/p>\n

    Dan hal yang sama akan dicoba juga pada emulator Windows Phone, seperti yang bisa dilihat pada gambar di bawah ini.<\/p>\n

    \"blog1\"<\/a><\/p>\n

    Hasilnya \u2026 Ternyata tidak terjadi pada emulator Windows Phone. Hal ini disebabkan emulator adalah \u201ckomputer\u201d yang berbeda dengan PC. Selain itu alamat http:\/\/localhost<\/a> adalah cara yang digunakan untuk mengakses \u201cdiri sendiri\u201d, artinya ketika menuliskan alamat tersebut pada emulator maka artinya akan mengakses web server pada emulator tersebut, sedangkan yang kita inginkan adalah mengakses web server pada PC.<\/p>\n

    Jadi cara yang mudah untuk mengakses web server pada PC adalah dengan menggunakan IP addrees dari PC. IP address ini bisa diketahui dengan menuliskan ipconfig pada command prompt.<\/p>\n

    \"blog3\"<\/a><\/p>\n

    Sekarang pada IE yang terdapat pada emulator akan diakses alamat http:\/\/169.254.8080<\/a> dan hasilnya :<\/p>\n

    \"blog4\"<\/a><\/p>\n

    Ternyata tidak bisa juga. Hal ini kemungkinan karena kebijakan security dari sistem operasi yang tidak memperbolehkan akses dari luar. Untuk menguji hal itu kita dapat mematikan terlebih dahulu firewall.<\/p>\n

    \"blog5\"<\/a><\/p>\n

    Dan berikut adalah hasilnya.<\/p>\n

    \"blog6\"<\/a><\/p>\n

    {IIS Express<\/em><\/strong>}<\/p>\n

    Saat development, IIS Express akan sering digunakan karena web server ini terintegrasi dengan tool development Visual Studio.  Untuk mengakses IIS Express biasanya terdapat tambahan nilai port dibelakang alamat di atas.  <\/p>\n

    \"blog7\"<\/a><\/p>\n

    Nah misalnya ingin diakses web dari project ContohWebAPI yang beralamat di http:\/\/localhost:8492<\/a> maka bisa ditulis alamat tersebut pada emulator. Dan sayangnya hal tersebut tidak mendapatkan response dari IIS Express tersebut. Tapi seperti yang telah disebutkan di atas semestinya digunakan IP Address, maka alamat yang mesti digunakan adalah http:\/\/169.254.80.80:8492<\/a>. Akan tetapi dengan mengetikkan alamat tersebut pada emulator tidak mendapatkan response dari IIS Express.<\/p>\n

    Agar ISS Express dapat diakses dengan mengetikan IP Address maka perlu melakukan langkah-langkah berikut ini.<\/p>\n

    Mengedit file applicationhost.config yang terdapat pada folder %USERPROFILE%\\Documents\\IISExpress\\config\\.  Kemudian cari nama project yang ingin diakses, pada kasus ini nama project yang akan digunakan adalah ContohWebAPI.<\/p>\n

    \n
    \n
       1:<\/span> <<\/span>site<\/span> name<\/span>="ContohWebAPI"<\/span> id<\/span>="29"<\/span>><\/span><\/pre>\n
    <\/p>\n
       2:<\/span>     <<\/span>application<\/span> path<\/span>="\/"<\/span> applicationPool<\/span>="Clr4IntegratedAppPool"<\/span>><\/span><\/pre>\n
    <\/p>\n
       3:<\/span>         <<\/span>virtualDirectory<\/span> path<\/span>="\/"<\/span> physicalPath<\/span>="D:\\Data\\My Documents\\My Books\\INDC - ASP.NET Web API\\source\\WebAPIEbook\\ContohWebAPI"<\/span> \/><\/span><\/pre>\n
    <\/p>\n
       4:<\/span>     <\/<\/span>application<\/span>><\/span><\/pre>\n
    <\/p>\n
       5:<\/span>     <<\/span>bindings<\/span>><\/span><\/pre>\n
    <\/p>\n
       6:<\/span>         <<\/span>binding<\/span> protocol<\/span>="http"<\/span> bindingInformation<\/span>="*:8492:localhost"<\/span> \/><\/span><\/pre>\n
    <\/p>\n
       7:<\/span>     <\/<\/span>bindings<\/span>><\/span><\/pre>\n
    <\/p>\n
       8:<\/span> <\/<\/span>site<\/span>><\/span><\/pre>\n
    <\/div>\n<\/div>\n
    Kemudian copy baris ke-6 dan ubah localhost menjadi IP Address yang akan digunakan, sehingga hasilnya akan seperti yang terlihat pada baris ke-7.<\/p>\n
    \n
    \n
       1:<\/span> <<\/span>site<\/span> name<\/span>="ContohWebAPI"<\/span> id<\/span>="29"<\/span>><\/span><\/pre>\n
    <\/p>\n
       2:<\/span>     <<\/span>application<\/span> path<\/span>="\/"<\/span> applicationPool<\/span>="Clr4IntegratedAppPool"<\/span>><\/span><\/pre>\n
    <\/p>\n
       3:<\/span>         <<\/span>virtualDirectory<\/span> path<\/span>="\/"<\/span> physicalPath<\/span>="D:\\Data\\My Documents\\My Books\\INDC - ASP.NET Web API\\source\\WebAPIEbook\\ContohWebAPI"<\/span> \/><\/span><\/pre>\n
    <\/p>\n
       4:<\/span>     <\/<\/span>application<\/span>><\/span><\/pre>\n
    <\/p>\n
       5:<\/span>     <<\/span>bindings<\/span>><\/span><\/pre>\n
    <\/p>\n
       6:<\/span>         <<\/span>binding<\/span> protocol<\/span>="http"<\/span> bindingInformation<\/span>="*:8492:localhost"<\/span> \/><\/span><\/pre>\n
    <\/p>\n
       7:<\/span>         <<\/span>binding<\/span> protocol<\/span>="http"<\/span> bindingInformation<\/span>="*:8492:169.254.80.80"<\/span> \/><\/span><\/pre>\n
    <\/p>\n
       8:<\/span>     <\/<\/span>bindings<\/span>><\/span><\/pre>\n
    <\/p>\n
       9:<\/span> <\/<\/span>site<\/span>><\/span><\/pre>\n
    <\/div>\n<\/div>\n
    Hasilnya dapat dilihat emulator sudah dapat menampilkan web dari alamat http:\/\/169.254.80.80:8492<\/a>.<\/p>\n
    \"blog8\"<\/a><\/p>\n
    Catatan :<\/p>\n
    Jangan lupa untuk memastikan web application telah \u201cdijalankan\u201d pada Visual Studio.<\/p>\n","protected":false},"excerpt":{"rendered":"
    Ada beberapa hal yang membuat hal ini mesti dilakukan : (mungkin) ingin memeriksa fungsional dan UI dari web yang telah dibangun secara lokal. (mungkin) ingin mencoba web service atau web api secara lokal. Web server lokal yang terdapat pada PC…<\/p>\n","protected":false},"author":1,"featured_media":1223,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[6],"tags":[109],"class_list":["post-1228","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-softwaredev","tag-iis"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.rezafaisal.net\/wp-content\/uploads\/2014\/04\/blog6_thumb1.jpg","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p1sNAL-jO","_links":{"self":[{"href":"https:\/\/www.rezafaisal.net\/index.php?rest_route=\/wp\/v2\/posts\/1228","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rezafaisal.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rezafaisal.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rezafaisal.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rezafaisal.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1228"}],"version-history":[{"count":0,"href":"https:\/\/www.rezafaisal.net\/index.php?rest_route=\/wp\/v2\/posts\/1228\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rezafaisal.net\/index.php?rest_route=\/wp\/v2\/media\/1223"}],"wp:attachment":[{"href":"https:\/\/www.rezafaisal.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1228"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rezafaisal.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1228"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rezafaisal.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1228"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}