linking front-end and server.py

Author: ShirinStar

server.js

@@ -43,7 +43,7 @@ const getApiAndEmit = (msg, socket) => {
         clearInterval(interval);
       } else {
         console.log('sending data: ', idx);
-        socket.emit("getApiAndEmit", result.data.results[idx]);
+        socket.emit("image", result.data.results[idx]);
         idx += 1;
       }
     }, 1000);

server/server.py

@@ -17,6 +17,7 @@
 
 from flask import Flask, jsonify, request, render_template, send_file
 from flask_compress import Compress
+from flask_cors import CORS, cross_origin
 from flask_socketio import SocketIO,send,emit,join_room
 
 import argparse
@@ -46,6 +47,21 @@
 socketio = SocketIO(app)
 Compress(app)
 
+#from here this is CORS to react problems
+CORS(app, support_credentials=True)
+@app.route('/api/test', methods=['POST', 'GET','OPTIONS'])
+@cross_origin(supports_credentials=True)
+def index():
+    if(request.method=='POST'):
+     some_json=request.get_json()
+     return jsonify({"key":some_json})
+    else:
+        return jsonify({"GET":"GET"})
+
+if __name__=="__main__":
+    app.run(host='0.0.0.0', port=8080)
+#until here Cors problem- do not touch! 
+
 def get_image_links(main_keyword, download_dir,socket_id, num_requested = 100):
     """get image links with selenium
     

test-client/index.html

@@ -22,8 +22,8 @@
         <script src="https://cdn.jsdelivr.net/npm/socket.io-client@2/dist/socket.io.js"></script>
         <div id="images"></div>
         <script>
-            let socket = '51213';
-            let socketSessionId = '51214';
+            let socket = null;
+            let socketSessionId = null;
 
             document.getElementById("create-session").addEventListener('click', () => {
                 console.log("Create session");