test.html 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>Parse Server Example</title>
  5. <link href="https://cdnjs.cloudflare.com/ajax/libs/pure/0.6.0/grids-min.css" rel="stylesheet">
  6. <link href="/public/assets/css/style.css" rel="stylesheet">
  7. </head>
  8. <body>
  9. <div class="container">
  10. <div class="align-center">
  11. <img id="parse-logo" src="/public/assets/images/parse-logo.png">
  12. </div>
  13. <div class="advice">
  14. <p><strong>Hi</strong>! We've prepared a small 3-steps page to assist you testing your local Parse server.</p>
  15. <p>These first steps will help you run and test the Parse server locally and were referrenced by the <a href="https://github.com/ParsePlatform/parse-server/wiki/Migrating-an-Existing-Parse-App">migration guide</a> provided by <a href="https://github.com/ParsePlatform/">Parse Platform</a>.</p>
  16. </div>
  17. <p class="up-and-running">Looks like our local Parse Serve is running under <span id="parse-url">...</span>. Let’s test it?
</p>
  18. <p>We have an express server with Parse server running on top of it connected to a MongoDB.</p>
  19. <p>The following steps will try to save some data on parse server and then fetch it back. Hey ho?</p>
  20. <div id="step-1" class="pure-g step--container">
  21. <div class="pure-u-1-5 align-center">
  22. <span class="step--number">1</a>
  23. </div>
  24. <div class="pure-u-4-5">
  25. <p class="step--info">Post data to local parse server:</p>
  26. <div class="pure-g">
  27. <div class="pure-u-1-5">
  28. <a href="#" id="step-1-btn" class="step--action-btn">Post</a>
  29. </div>
  30. <div class="pure-u-4-5">
  31. <!-- <div class="code-label " title="Output">Output</div> -->
  32. <pre id="step-1-output" class="step--pre hidden">...</pre>
  33. </div>
  34. </div>
  35. </div>
  36. </div>
  37. <div id="step-2" class="pure-g step--container step--disabled">
  38. <div class="pure-u-1-5 align-center">
  39. <span class="step--number">2</a>
  40. </div>
  41. <div class="pure-u-4-5">
  42. <p class="step--info">Fetch data from local parse server:</p>
  43. <div class="pure-g">
  44. <div class="pure-u-1-5">
  45. <a href="#" id="step-2-btn" class="step--action-btn">Fetch</a>
  46. </div>
  47. <div class="pure-u-4-5">
  48. <pre id="step-2-output" class="step--pre hidden">...</pre>
  49. </div>
  50. </div>
  51. </div>
  52. </div>
  53. <div id="step-3" class="pure-g step--container step--disabled">
  54. <div class="pure-u-1-5 align-center">
  55. <span class="step--number">3</a>
  56. </div>
  57. <div class="pure-u-4-5">
  58. <p class="step--info">Test Cloud Code function from ./cloud/main.js:</p>
  59. <div class="pure-g">
  60. <div class="pure-u-1-5">
  61. <a href="#" id="step-3-btn" class="step--action-btn">TEST</a>
  62. </div>
  63. <div class="pure-u-4-5">
  64. <pre id="step-3-output" class="step--pre hidden">...</pre>
  65. </div>
  66. </div>
  67. </div>
  68. </div>
  69. <div id="step-4" class="pure-g step--container hidden">
  70. <div class="pure-u-1-5 align-center">
  71. <span class="step--number">✓</a>
  72. </div>
  73. <div class="pure-u-4-5">
  74. <p id="local-parse-working">
  75. Congrats! Our local Parse server is working. :)
  76. </p>
  77. </div>
  78. </div>
  79. <footer id="footer" class="align-center">
  80. <ul>
  81. <li><a href="https://parse.com" target="_blank">Parse.com</a></li>
  82. <li><a href="https://parse.com/docs" target="_blank">Docs</a></li>
  83. <li><a href="https://github.com/ParsePlatform/parse-server-example" target="_blank">Github</a></li>
  84. </ul>
  85. </footer>
  86. </div>
  87. <script src="https://code.jquery.com/jquery-2.2.0.min.js"></script>
  88. <script src="/public/assets/js/script.js"></script>
  89. </body>
  90. </html>