Closed fdb closed 6 years ago
We run into issues of too many connections when using Firebase during workshops. Each causes an additional connection to be opened.</p> <p>Firebase has support for a REST API. E.g. this is how you can fetch a sketch: <a rel="noreferrer nofollow" target="_blank" href="https://emrg-pcg.firebaseio.com/sketch/-L0iQdDbqd1vMVn7hgmo.json">https://emrg-pcg.firebaseio.com/sketch/-L0iQdDbqd1vMVn7hgmo.json</a></p> <p>Reference: <a rel="noreferrer nofollow" target="_blank" href="https://firebase.google.com/docs/reference/rest/database/">https://firebase.google.com/docs/reference/rest/database/</a></p> <p>Because we don't depend on the real-time aspect I would suggest replacing the Websocket connection with GET and POST requests across the app.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/kunal-mohta"><img src="https://avatars.githubusercontent.com/u/30414954?v=4" />kunal-mohta</a> commented <strong> 6 years ago</strong> </div> <div class="markdown-body"> <p>How do you plan to make requests to the REST API that firebase provides? AJAX?</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/fdb"><img src="https://avatars.githubusercontent.com/u/8477?v=4" />fdb</a> commented <strong> 6 years ago</strong> </div> <div class="markdown-body"> <p><a href="https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API">Fetch API</a>! + <a href="https://javascript.info/async-await">Async/Await</a></p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/kunal-mohta"><img src="https://avatars.githubusercontent.com/u/30414954?v=4" />kunal-mohta</a> commented <strong> 6 years ago</strong> </div> <div class="markdown-body"> <p>I just tried this and was successfully able to make the <code>GET</code> part of the request. But to which URL are we supposed to send the <code>POST</code> requests when saving the sketch.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/fdb"><img src="https://avatars.githubusercontent.com/u/8477?v=4" />fdb</a> commented <strong> 6 years ago</strong> </div> <div class="markdown-body"> <p>Looks from the <a href="https://firebase.google.com/docs/reference/rest/database/">documentation</a> like a POST request to <code>/sketch/</code> with the data of the new sketch would to the trick. The return result gives you the new ID of the sketch as a <code>name</code>.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/kunal-mohta"><img src="https://avatars.githubusercontent.com/u/30414954?v=4" />kunal-mohta</a> commented <strong> 6 years ago</strong> </div> <div class="markdown-body"> <p>Is it fine with you if I try posting some dummy data??</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/fdb"><img src="https://avatars.githubusercontent.com/u/8477?v=4" />fdb</a> commented <strong> 6 years ago</strong> </div> <div class="markdown-body"> <p>Maybe it's better if you create your own Firebase database, since this is our prod database. </p> <p>It's free to make one, just go to firebase.com. Here are the rules we use:</p> <pre><code>{ "rules": { "sketch": { ".read": true, ".write": true, } } }</code></pre> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/kunal-mohta"><img src="https://avatars.githubusercontent.com/u/30414954?v=4" />kunal-mohta</a> commented <strong> 6 years ago</strong> </div> <div class="markdown-body"> <p>Yes! I think that will be a better option.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/kunal-mohta"><img src="https://avatars.githubusercontent.com/u/30414954?v=4" />kunal-mohta</a> commented <strong> 6 years ago</strong> </div> <div class="markdown-body"> <p>Okay, I was able to do <code>GET</code> and <code>POST</code> both on my firebase with <strong>Fetch API</strong>. Should I try it on your codebase now?</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/fdb"><img src="https://avatars.githubusercontent.com/u/8477?v=4" />fdb</a> commented <strong> 6 years ago</strong> </div> <div class="markdown-body"> <p>Try the GET first :-)</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/stebanos"><img src="https://avatars.githubusercontent.com/u/49342?v=4" />stebanos</a> commented <strong> 6 years ago</strong> </div> <div class="markdown-body"> <p>Code has been merged.</p> </div> </div> <div class="page-bar-simple"> </div> <div class="footer"> <ul class="body"> <li>© <script> document.write(new Date().getFullYear()) </script> Githubissues.</li> <li>Githubissues is a development platform for aggregating issues.</li> </ul> </div> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script> <script src="/githubissues/assets/js.js"></script> <script src="/githubissues/assets/markdown.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/highlight.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/languages/go.min.js"></script> <script> hljs.highlightAll(); </script> </body> </html>
We run into issues of too many connections when using Firebase during workshops. Each