diff --git a/client/src/Constants.ts b/client/src/Constants.ts
index 0da23370..7528e584 100644
--- a/client/src/Constants.ts
+++ b/client/src/Constants.ts
@@ -36,8 +36,8 @@ export const MAX_DATE = '9999-12-31T09:29:26.050Z';
 
 export const WRITING_FEED_CONTENT = 'writingFeedContent';
 
-export const HTTP_SERVER_URI = `http://${config.serverHost}/graphql`;
+export const HTTP_SERVER_URI = `${config.serverHost}/graphql`;
 
-export const UPLOAD_SERVER_URI = `http://${config.serverHost}/graphql`;
+export const UPLOAD_SERVER_URI = `${config.serverHost}/graphql`;
 
-export const WEB_SOCKET_URI = `ws://${config.serverHost}/subscriptions`;
+export const WEB_SOCKET_URI = `${config.webSocket}/subscriptions`;
diff --git a/client/src/pages/SignIn/SignInBtn.tsx b/client/src/pages/SignIn/SignInBtn.tsx
index 918d0c66..356099aa 100644
--- a/client/src/pages/SignIn/SignInBtn.tsx
+++ b/client/src/pages/SignIn/SignInBtn.tsx
@@ -11,7 +11,7 @@ const Link = styled.a``;
 
 const LoginBtn = () => {
   return (
-    <Link href={`http://${config.serverHost}/auth/google`}>
+    <Link href={`${config.serverHost}/auth/google`}>
       <LoginBtnImg
         alt="LOGIN"
         src={process.env.PUBLIC_URL + '/images/btn_google_signin_normal.png'}
diff --git a/client/src/utils/config.ts b/client/src/utils/config.ts
index c9d91cce..c0c814f4 100644
--- a/client/src/utils/config.ts
+++ b/client/src/utils/config.ts
@@ -11,11 +11,13 @@ const configs = {
 };
 
 const devConfigs = {
-  serverHost: 'localhost:4000'
+  serverHost: 'http://localhost:4000',
+  webSocket: `ws://localhost:4000`
 };
 
 const prdConfigs = {
-  serverHost: process.env.REACT_APP_SERVER_HOST || ''
+  serverHost: `https://${process.env.REACT_APP_SERVER_HOST}`,
+  webSocket: `wss://${process.env.REACT_APP_SERVER_HOST}`
 };
 
 const config = Object.assign(
diff --git a/server/src/init.ts b/server/src/init.ts
index 67587fc6..ab29c17e 100644
--- a/server/src/init.ts
+++ b/server/src/init.ts
@@ -1,6 +1,8 @@
 import { Options } from 'graphql-yoga';
 import config from './utils/config';
 import app from './app';
+import cors from './utils/cors';
+import https from './utils/https';
 import { onConnect, onDisconnect } from './middleware/subscription';
 
 const PORT: string | number = config.port;
@@ -8,11 +10,6 @@ const ENDPOINT: string = '/graphql';
 const PLAYGROUND: string = '/playground';
 const SUBSCRIPTIONS: string = '/subscriptions';
 
-const corsOptions = {
-  origin: config.clientHost,
-  credentials: true
-};
-
 const appOptions: Options = {
   port: PORT,
   endpoint: ENDPOINT,
@@ -23,7 +20,8 @@ const appOptions: Options = {
     onDisconnect,
     keepAlive: 10000
   },
-  cors: corsOptions
+  cors,
+  https
 };
 
 const handleStart = () => {
diff --git a/server/src/utils/cors.ts b/server/src/utils/cors.ts
new file mode 100644
index 00000000..3682b17f
--- /dev/null
+++ b/server/src/utils/cors.ts
@@ -0,0 +1,8 @@
+import config from './config';
+
+const cors = {
+  origin: config.clientHost,
+  credentials: true
+};
+
+export default cors;
diff --git a/server/src/utils/https.ts b/server/src/utils/https.ts
new file mode 100644
index 00000000..cd63d9ba
--- /dev/null
+++ b/server/src/utils/https.ts
@@ -0,0 +1,13 @@
+import fs from 'fs';
+
+const env = process.env.NODE_ENV || 'DEVELOPMENT';
+
+const https =
+  env === 'PRODUCTION'
+    ? {
+        cert: fs.readFileSync(process.env.CERT || ''),
+        key: fs.readFileSync(process.env.KEY || '')
+      }
+    : undefined;
+
+export default https;