diff --git a/sdk/demo/demo.html b/sdk/demo/demo.html
index e045896b112b7ea74d1f1a10310a31590eddcdb1..bf57dbe94208eb86c6f6334d4812e6db64e810ea 100644
--- a/sdk/demo/demo.html
+++ b/sdk/demo/demo.html
@@ -138,6 +138,16 @@ Copyright 2022 Huawei Cloud Computing Technology Co., Ltd.
     <script type="text/javascript"
             src="<%= htmlWebpackPlugin.files.chunks.CloudApp.entry %>"></script>
     <script type="text/javascript">
+      var cloudPhoneHost = sessionStorage.getItem('cloudPhoneHost');
+      if (cloudPhoneHost) {
+        var hostParams = cloudPhoneHost.split(':');
+        var cloudIp = hostParams[0];
+        var cloudPort = hostParams[1];
+      } else {
+        let localHref = window.location.href.replace('demo.html', 'enter.html');
+        window.location.href = localHref;
+      }
+
       var getConfig = {
         get basePath() {
           let path = window.location.origin;
@@ -158,8 +168,8 @@ Copyright 2022 Huawei Cloud Computing Technology Co., Ltd.
       };
       var commonLibPath = getConfig.libPath;
       var params = {
-        ip: 'xx.xx.xx.xx',
-        port: 'xx',
+        ip: cloudIp,
+        port: cloudPort,
         session_id: '32uuid',
         background_timeout: '60',
         available_playtime: '6000',
@@ -220,7 +230,15 @@ Copyright 2022 Huawei Cloud Computing Technology Co., Ltd.
       function exit() {
         cloudapp.exit()
         var networkInfoElement = document.getElementById('network-info');
-        networkInfoElement.hidden = true
+        networkInfoElement.hidden = true;
+
+        sessionStorage.removeItem('cloudPhoneHost');
+        const currentUrl = window.location.href;
+        if (currentUrl.indexOf('demo.html') > -1) {
+          window.location.href = currentUrl.replace('demo.html', 'enter.html');
+        } else {
+          window.location.href = currentUrl.replace('index', '');
+        }
       }
 
       function setResolution() {
diff --git a/sdk/enter.html b/sdk/enter.html
new file mode 100644
index 0000000000000000000000000000000000000000..119aeadc6969a51e92802b25f311327ddb935f55
--- /dev/null
+++ b/sdk/enter.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
+    <title>云手机HOST</title>
+    <style>
+        .enter-page {
+        margin: 0 auto;
+        background-color: #fff;
+        border: 1px solid gray;
+      }
+      .pc-size {
+        width: 500px;
+        height: 300px;
+      }
+      .mobile-size {
+        width: 100%;
+        padding-bottom: 50px;
+        overflow: hidden;
+      }
+      .form-content {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+      }
+      .input-item {
+        margin-top: 30px;
+        width: 100%;
+        height: 35px;
+        text-align: center;
+        line-height: 35px;
+      }
+      .input-item-display {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+      }
+
+      .input-name {
+        display: inline-block;
+        width: 100px;
+        text-align: right;
+      }
+      .input-value {
+        line-height: 30px;
+        padding-left: 10px;
+        width: 50%;
+        border-radius: 5px;
+        background: #fff;
+        border: 1px solid #595959;
+      }
+      .input-value:focus {
+        border: 1px solid blue;
+        outline: none;
+      }
+      .enter-btn {
+        cursor: pointer;
+        margin-top: 20px;
+        width: 50%;
+        height: 35px;
+        background: #fff;
+        border: 1px solid #595959;
+        border-radius: 50px;
+      }
+      .phone-container {
+        display: none;
+      }
+      .error-msg {
+        display: none;
+        height: 25px;
+        width: 50%;
+        font-size: 12px;
+        color: red;
+        text-align: left;
+      }
+    </style>
+</head>
+<body>
+    <div id="enterPage" class="enter-page">
+      <form action="" class="form-content">
+        <div class="input-item input-item-display">
+          <input placeholder="请输入云手机ip" type="text" id="ipInput" name="ipInput" class="input-value">
+          <div class="error-msg" id="ipError">请输入正确的ip</div>
+        </div>
+        <div class="input-item input-item-display">
+          <input placeholder="请输入云手机port" type="text" id="portInput" name="portInput" class="input-value">
+          <div class="error-msg" id="portError">请输入正确的port</div>
+        </div>
+        <div class="input-item input-item-display">
+          <a id="trustHost" target="_blank" href="">信任目标机器</a>
+        </div>
+        <div class="input-item">
+          <button type="button" id="enterBtn" class="enter-btn" onclick="enterIndexPage()">进入</button>
+        </div>
+      </form>
+    </div>
+    <script type="text/javascript">
+      let ipExp = /([1-9]?\d|1\d{2}|2[0-4]\d|25[0-5])(\.([1-9]?\d|1\d{2}|2[0-4]\d|25[0-5])){3}$/;
+      let ipErrorEle = document.getElementById('ipError');
+      let portErrorEle = document.getElementById('portError');
+      let trustAele = document.getElementById('trustHost');
+
+      trustAele.addEventListener('click', () => {
+        event.preventDefault();
+
+        const ipInputEle = document.getElementById('ipInput');
+        const portInputEle = document.getElementById('portInput');
+        const ipVal = ipInputEle.value;
+        const portVal = portInputEle.value;
+        const validateResult = validateInput(ipVal, portVal);
+        if (!validateResult) {
+          return;
+        }
+
+        window.open('https://' + [ipVal, portVal].join(':'));
+      });
+
+      function enterIndexPage() {
+        const ipInputEle = document.getElementById('ipInput');
+        const portInputEle = document.getElementById('portInput');
+        const ipVal = ipInputEle.value;
+        const portVal = portInputEle.value;
+        const validateResult = validateInput(ipVal, portVal);
+        if (!validateResult) {
+          return;
+        }
+
+        const hostStr = ipVal + ':' + portVal;
+        sessionStorage.setItem('cloudPhoneHost', hostStr);
+
+        let localHref = window.location.href + 'index';
+        if (window.location.href.indexOf('enter.html') > -1) {
+          localHref = window.location.href.replace('enter.html', 'index.html');
+          if (localHref === window.location.href) {
+              localHref = window.location.href.replace('enter.html', 'demo.html');
+            }
+        }
+
+        window.location.href = localHref;
+      }
+
+      function validateInput(ipVal, portVal) {
+        let isPortError = false;
+        let isIpError = false;
+
+        if (!ipExp.test(ipVal)) {
+          isIpError = true;
+          ipErrorEle.style.display = 'block';
+        }
+
+        if (!(/^[1-9]\d*$/.test(portVal) && 1 <= 1 * portVal && 1 * portVal <= 65535)){
+          isPortError = true;
+          portErrorEle.style.display = 'block';
+        }
+
+        if (isIpError || isPortError) {
+          return false;
+        }
+
+        return true;
+      }
+
+      window.onload = function () {
+        let enterBtn = document.getElementById('enterBtn');
+        let ipInputEle = document.getElementById('ipInput');
+        let portInputEle = document.getElementById('portInput');
+        let pageContent = document.getElementById('enterPage');
+
+        if (/(iPhone|iPad|iPod|iOS|Android)/i.test(navigator.userAgent)) {
+          pageContent.classList.add('mobile-size');
+        } else {
+          pageContent.classList.add('pc-size');
+        }
+
+        if (sessionStorage.getItem('cloudPhoneHost')) {
+          let localHref = window.location.href + 'index';
+          if (window.location.href.indexOf('enter.html') > -1) {
+            localHref = window.location.href.replace('enter.html', 'index.html');
+            if (localHref === window.location.href) {
+              localHref = window.location.href.replace('enter.html', 'demo.html');
+            }
+          }
+          window.location.href = localHref;
+        }
+
+        ipInputEle.addEventListener('blur', function () {
+          const ipValue = ipInputEle.value;
+          if (!ipExp.test(ipValue)) {
+            ipErrorEle.style.display = 'block';
+          } else {
+            ipErrorEle.style.display = 'none';
+          }
+        });
+
+        portInputEle.addEventListener('blur', function () {
+          const portVal = portInputEle.value;
+          if (!(/^[1-9]\d*$/.test(portVal) && 1 <= 1 * portVal && 1 * portVal <= 65535)){
+            portErrorEle.style.display = 'block';
+          } else {
+            portErrorEle.style.display = 'none';
+          }
+        });
+      }
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/sdk/index.html b/sdk/index.html
index 189dbbef30eba00201a2788d520117edfc0c0798..f1d20be7b950e850d995c92b3c0ae3804a7893d0 100644
--- a/sdk/index.html
+++ b/sdk/index.html
@@ -137,7 +137,7 @@ Copyright 2022 Huawei Cloud Computing Technology Co., Ltd.
               onclick="cloudapp.resume()">Resume</button>
       <button type="button"
               class="play-ctr-btn"
-              onclick="exit()">Disconnect</button>
+              onclick="exit()">Exit</button>
       <button type="button"
               id="fullscreen"
               onclick="fullscreenToggle('fullscreen-container')">Fullscreen</button>
@@ -160,6 +160,16 @@ Copyright 2022 Huawei Cloud Computing Technology Co., Ltd.
     <script type="text/javascript"
             src="<%= htmlWebpackPlugin.files.chunks.CloudApp.entry %>"></script>
     <script type="text/javascript">
+      var cloudPhoneHost = sessionStorage.getItem('cloudPhoneHost');
+      if (cloudPhoneHost) {
+        var hostParams = cloudPhoneHost.split(':');
+        var cloudIp = hostParams[0];
+        var cloudPort = hostParams[1];
+      } else {
+        let localHref = window.location.href.replace('index.html', 'enter.html');
+        window.location.href = localHref;
+      }
+
       var parseSearch = function () {
         var search = location.search.substr(1);
         var kvs = search.split("&");
@@ -173,8 +183,8 @@ Copyright 2022 Huawei Cloud Computing Technology Co., Ltd.
       var params = parseSearch();
       var hosts = {
         anb139_32: {
-          ip: 'xx.xx.xx.xx',
-          port: 'xx'
+          ip: cloudIp,
+          port: cloudPort,
         },
       }
       var config = Object.assign({}, hosts.anb139_32, params);
@@ -278,6 +288,14 @@ Copyright 2022 Huawei Cloud Computing Technology Co., Ltd.
         cloudapp.exit();
         var networkInfoElement = document.getElementById('network-info');
         networkInfoElement.hidden = true;
+
+        sessionStorage.removeItem('cloudPhoneHost');
+        const currentUrl = window.location.href;
+        if (currentUrl.indexOf('index.html') > -1) {
+          window.location.href = currentUrl.replace('index.html', 'enter.html');
+        } else {
+          window.location.href = currentUrl.replace('index', '');
+        }
       }
 
       function fullscreenToggle(fullscreenEle) {
diff --git a/sdk/webpack.config.js b/sdk/webpack.config.js
index 028c23fac919dbd901729f4069dd91d351a3f090..44cdecc3cf2b73b303ac4e10c597b0e39f21235a 100644
--- a/sdk/webpack.config.js
+++ b/sdk/webpack.config.js
@@ -107,6 +107,11 @@ module.exports = {
             filename: path.join(__dirname, '/dist/demo.html'),
             inject: false
         }),
+        new HtmlWebpackPlugin({
+            template: 'enter.html',
+            filename: path.join(__dirname, '/dist/enter.html'),
+            inject: false
+        }),
         new webpack.BannerPlugin(copyright),
         new CopyWebpackPlugin([{
             from: 'demo/demo.md',
diff --git a/sdk/webpack.dev.js b/sdk/webpack.dev.js
index fcb45769ef19f95d60771921c6963b399d8465e4..3878cc19a80d3871a0b5fc336064d7d3f112c18e 100644
--- a/sdk/webpack.dev.js
+++ b/sdk/webpack.dev.js
@@ -68,6 +68,11 @@ module.exports = {
             filename: path.join(__dirname, '/dist/index.html'),
             inject: false
         }),
+        new HtmlWebpackPlugin({
+            template: 'enter.html',
+            filename: path.join(__dirname, '/dist/enter.html'),
+            inject: false
+        }),
         new HtmlWebpackPlugin({
             template: 'demo/demo.html',
             filename: path.join(__dirname, '/dist/demo.html'),
