fix(@angular/cli): allow public host option to accept only hostname

Author: Charles Lyding

packages/@angular/cli/tasks/serve.ts

@@ -60,12 +60,13 @@ export default Task.extend({
 
     let clientAddress = serverAddress;
     if (serveTaskOptions.publicHost) {
-      const clientUrl = url.parse(serveTaskOptions.publicHost);
-      // very basic sanity check
-      if (!clientUrl.host) {
-        return Promise.reject(new SilentError(`'live-reload-client' must be a full URL.`));
+      let publicHost = serveTaskOptions.publicHost;
+      if (!/^\w+:\/\//.test(publicHost)) {
+        publicHost = `${serveTaskOptions.ssl ? 'https' : 'http'}://${publicHost}`;
       }
-      clientAddress = clientUrl.href;
+      const clientUrl = url.parse(publicHost);
+      serveTaskOptions.publicHost = clientUrl.host;
+      clientAddress = url.format(clientUrl);
     }
 
     if (serveTaskOptions.liveReload) {

tests/e2e/tests/misc/public-host.ts

@@ -39,5 +39,21 @@ export default function () {
         throw new Error('Response does not match expected value.');
       }
     })
+    .then(() => killAllProcesses(), (err) => { killAllProcesses(); throw err; })
+    .then(() => ngServe('--host=0.0.0.0', `--public-host=${localAddress}`))
+    .then(() => request(localAddress))
+    .then(body => {
+      if (!body.match(/<app-root><\/app-root>/)) {
+        throw new Error('Response does not match expected value.');
+      }
+    })
+    .then(() => killAllProcesses(), (err) => { killAllProcesses(); throw err; })
+    .then(() => ngServe('--host=0.0.0.0', `--public-host=${firstLocalIp}`))
+    .then(() => request(localAddress))
+    .then(body => {
+      if (!body.match(/<app-root><\/app-root>/)) {
+        throw new Error('Response does not match expected value.');
+      }
+    })
     .then(() => killAllProcesses(), (err) => { killAllProcesses(); throw err; });
 }