Render worker.options.port

2016-02-19 11:56:55 +08:00
parent 7dbd60c155
commit 0269d0ce20
3 changed files with 9 additions and 7 deletions
--- a/views/index.ejs
+++ b/views/index.ejs
@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html>
+  <head>
+  <meta charset="utf-8" />
+  <title>RemoteDev</title>
+    <style>
+      html {
+        min-width: 350px;
+        min-height: 300px;
+      }
+      body {
+        position: fixed;
+        overflow: hidden;
+        height: 100%;
+        width: 100%;
+        margin: 0;
+        padding: 0;
+      }
+      #root {
+        height: 100%;
+      }
+      #root > div {
+        height: 100%;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script src="//npmcdn.com/react@0.14/dist/react.min.js"></script>
+    <script src="//npmcdn.com/react-dom@0.14/dist/react-dom.min.js"></script>
+    <script src="//npmcdn.com/remotedev-app@0.2/dist/remotedev-app.min.js"></script>
+    <script>
+      window.remotedevOptions = {
+        hostname: location.hostname,
+        port: <%= port %>,
+        autoReconnect: true
+      };
+      ReactDOM.render(
+        React.createElement(RemoteDevApp, {
+          socketOptions: window.remotedevOptions
+        }),
+        document.querySelector('#root')
+      );
+    </script>
+  </body>
+</html>