Merge pull request #2 from andreped/docker

Containerized web app using Docker; configured nginx for deployment

Dockerfile

@@ -0,0 +1,35 @@
+FROM nginx:alpine
+
+# Install shadow package to get useradd command
+RUN apk add --no-cache shadow
+
+# Install wget
+RUN apk add --no-cache wget
+
+# Add a new user
+RUN useradd -m -u 1000 user
+
+# Set the working directory
+WORKDIR /app
+
+# Copy the HTML and nginx configuration files
+COPY index.html /usr/share/nginx/html
+COPY nginx.conf /etc/nginx/nginx.conf
+
+# Download test data
+RUN wget https://github.com/andreped/wsi-visualization-demo/releases/download/sample-data/test-sample.zip \
+    && unzip test-sample.zip -d /usr/share/nginx/html \
+    && rm test-sample.zip
+
+# Download OpenSeadragon
+RUN wget https://github.com/openseadragon/openseadragon/releases/download/v5.0.0/openseadragon-bin-5.0.0.zip \
+    && unzip openseadragon-bin-5.0.0.zip -d /usr/share/nginx/html \
+    && rm openseadragon-bin-5.0.0.zip
+
+RUN ls -la /usr/share/nginx/html
+
+# Expose port 7860
+EXPOSE 7860
+
+# Start nginx as root but serve files as non-root user
+CMD ["sh", "-c", "nginx -g 'daemon off;'"]

README.md

@@ -1 +1,18 @@
-# fast-wsi-visualization
+# wsi-visualization-demo
+
+## Docker
+
+1. Build image:
+```
+docker build -t wsi-visualization .
+```
+
+2. Run image:
+```
+docker run -p 7860:7860 wsi-visualization
+```
+
+3. Open in browser:
+```
+open http://localhost:7860
+```

index.html

@@ -11,21 +11,21 @@
             </div>
             <div id="openseadragon1" style="float: right; width: 90%; height: 100%; background: black;"></div>
         </div>
-        <script src="/Users/andreped/Downloads/openseadragon-bin-5.0.0/openseadragon.min.js"></script>
+        <script src="openseadragon-bin-5.0.0/openseadragon.min.js"></script>
         <script type="text/javascript">
             var counter = 3;
                 var viewer = OpenSeadragon({
                     id: "openseadragon1",
-                    prefixUrl: "/Users/andreped/Downloads/openseadragon-bin-5.0.0/images/",
+                    prefixUrl: "openseadragon-bin-5.0.0/images/",
                     tileSources: {
                         Image: {
                             xmlns: "http://schemas.microsoft.com/deepzoom/2008",
-                            Url: "/Users/andreped/workspace/PyWSIViewer/A05_files/",
+                            Url: "A05_files/",
                             Format: "jpeg",
                             Overlap: "0",
                             TileSize: "256",
                             Size: {
-                                Height: 42625, 
+                                Height: 42625,
                                 Width: 51553
                             }
                         },

nginx.conf

@@ -0,0 +1,16 @@
+user user;
+events {
+    worker_connections 1024;
+}
+
+http {
+    server {
+        listen 7860;
+        server_name localhost;
+
+        location / {
+            root /usr/share/nginx/html;
+            index index.html;
+        }
+    }
+}