/putty_tunneling/index.html

https://github.com/kench/anapnean_tutorials · HTML · 76 lines · 61 code · 15 blank · 0 comment · 0 complexity · 09c92ccdbc0ebd0dc7518a2c00801ca1 MD5 · raw file 

    

  1. <?xml version="1.0" encoding="UTF-8"?>
    2. 

  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    3. 

  3. <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
    4. 

  4.   <head>
    5. 

  5.     <title>Tunneling with PuTTY (Windows)</title>
    6. 

  6.     <link href="../styles.css" rel="stylesheet" type="text/css" />
    7. 

  7.   </head>
    8. 

  8.   <body class="tutorial">
    9. 

  9. 

  10. <div id="title">Tunneling with PuTTY (Windows)</div>
    11. 

  11. 

  12. <div class="step">
    13. 

  13.   <div>
    14. 

  14.     This guide assumes you are using Windows and have already set up PuTTY to connect. <a href='../putty_connecting'>If not, have a look here</a>.
    15. 

  15.     Don't worry linux or mac users, tunneling is so ridiculously simple there it doesn't need <a href='../unix_ssh'>so much of a guide</a>.
    16. 

  16.   </div>
    17. 

  17. 

  18.   <div><img src="images/1.png" alt="Picture of PuTTY main config screen, ready to connect to anapnea.net." /></div>
    19. 

  19. </div>
    20. 

  20. 

  21. <div class="step">
    22. 

  22.   <div>
    23. 

  23.     Navigate to the Tunnels configuration page, and add a new dynamic tunnel on port 9090.
    24. 

  24.     The port you use doesn't actually matter, however for this example we'll use 9090.
    25. 

  25.     If you can't use 9090, you must remember to use the same port here as you do later.
    26. 

  26.   </div>
    27. 

  27. 

  28.   <div><img src="images/2.png" alt="Choose Connection, SSH, Tunnels. Put 9090 in Source Port, choose the Dynamic option, and click Add." /></div>
    29. 

  29. </div>
    30. 

  30. 

  31. <div class="step">
    32. 

  32.   <div>
    33. 

  33.     Verify that the Tunnels page now looks like this. The important bit is D9090 in the list.
    34. 

  34.     Now that you've added it, click Open and connect as you would normally do.
    35. 

  35.   </div>
    36. 

  36. 

  37.   <div><img src="images/3.png" alt="Tunneling page with D9090 in the forwarded ports list and Open selected." /></div>
    38. 

  38. </div>
    39. 

  39. 

  40. <div class="step">
    41. 

  41.   <div>
    42. 

  42.     Having connected, you are now tunneling over SSH. You need to leave this window open the whole time while you browse, since PuTTY is keeping the tunnel open.
    43. 

  43.   </div>
    44. 

  44. 

  45.   <div><img src="../images/putty_connected.png" alt="PuTTY terminal open." /></div>
    46. 

  46. </div>
    47. 

  47. 

  48. <div class="step">
    49. 

  49.   <div>
    50. 

  50.     Clicking on Settings in Internet Explorer, or Proxy Settings in Google Chrome, should open this dialogue.
    51. 

  51.     Navigate through to the Advanced Proxy section and add localhost:9090 as a SOCKS Proxy.
    52. 

  52.   </div>
    53. 

  53. 

  54.   <div>
    55. 

  55.     <img src="images/4.png" alt="Connections tab of Internet Properties, LAN Settings selected." />
    56. 

  56.     <img src="images/5.png" alt="Picture of LAN Settings dialogue, choose Advanced" />
    57. 

  57.     <img src="images/6.png" alt="Picture of Advanced Proxy Settings dialogue with localhost 9090 setup as the SOCKS Proxy" />
    58. 

  58.   </div>
    59. 

  59. </div>
    60. 

  60. 

  61. <div class="step">
    62. 

  62.   <div>
    63. 

  63.     Finally, you may like to use a website that tells you your IP address, in order to verify that tunneling is working correctly.
    64. 

  64.     We have hosted <a href='../tunneling_check.php'>a small file</a> that will verify that you are tunneling your browsing through Anapnea.
    65. 

  65.   </div>
    66. 

  66. 

  67.   <div><img src="../images/tunneling_check.png" alt="View of check.php verifying successful tunneling." /></div>
    68. 

  68. </div>
    69. 

  69. 

  70. <div id="footer">
    71. 

  71.   This work is licensed under a
    72. 

  72.   <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/">Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License</a>.
    73. 

  73. </div>
    74. 

  74. 

  75.   </body>
    76. 

  76. </html>
    77.