<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="Generator" content="Microsoft Word 15 (filtered medium)">
<style><!--
/* Font Definitions */
@font-face
{font-family:"MS Mincho";
panose-1:2 2 6 9 4 2 5 8 3 4;}
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
@font-face
{font-family:"Apple Color Emoji";
panose-1:0 0 0 0 0 0 0 0 0 0;}
@font-face
{font-family:Consolas;
panose-1:2 11 6 9 2 2 4 3 2 4;}
@font-face
{font-family:Menlo;
panose-1:2 11 6 9 3 8 4 2 2 4;}
@font-face
{font-family:"\@MS Mincho";
panose-1:2 2 6 9 4 2 5 8 3 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0in;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Calibri",sans-serif;}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:#0563C1;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:#954F72;
text-decoration:underline;}
p.MsoListParagraph, li.MsoListParagraph, div.MsoListParagraph
{mso-style-priority:34;
margin-top:0in;
margin-right:0in;
margin-bottom:0in;
margin-left:.5in;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Calibri",sans-serif;}
p.msonormal0, li.msonormal0, div.msonormal0
{mso-style-name:msonormal;
mso-margin-top-alt:auto;
margin-right:0in;
mso-margin-bottom-alt:auto;
margin-left:0in;
font-size:11.0pt;
font-family:"Calibri",sans-serif;}
p.p1, li.p1, div.p1
{mso-style-name:p1;
margin:0in;
margin-bottom:.0001pt;
font-size:8.5pt;
font-family:Menlo;
color:black;}
p.p2, li.p2, div.p2
{mso-style-name:p2;
margin:0in;
margin-bottom:.0001pt;
font-size:8.5pt;
font-family:Menlo;
color:black;}
span.EmailStyle22
{mso-style-type:personal;
font-family:"Calibri",sans-serif;
color:windowtext;}
span.s1
{mso-style-name:s1;
color:#B2B2B2;
background:black;}
span.s3
{mso-style-name:s3;
background:#878A04;}
span.s4
{mso-style-name:s4;
color:#EBEF18;}
span.s2
{mso-style-name:s2;}
span.apple-converted-space
{mso-style-name:apple-converted-space;}
span.EmailStyle28
{mso-style-type:personal-reply;
font-family:"Calibri",sans-serif;
color:windowtext;}
.MsoChpDefault
{mso-style-type:export-only;
font-size:10.0pt;}
@page WordSection1
{size:8.5in 11.0in;
margin:1.0in 1.0in 1.0in 1.0in;}
div.WordSection1
{page:WordSection1;}
/* List Definitions */
@list l0
{mso-list-id:761224288;
mso-list-template-ids:1261490162;}
@list l1
{mso-list-id:784426178;
mso-list-type:hybrid;
mso-list-template-ids:-1543190074 67698703 67698713 67698715 67698703 67698713 67698715 67698703 67698713 67698715;}
@list l1:level1
{mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;}
@list l1:level2
{mso-level-number-format:alpha-lower;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;}
@list l1:level3
{mso-level-number-format:roman-lower;
mso-level-tab-stop:none;
mso-level-number-position:right;
text-indent:-9.0pt;}
@list l1:level4
{mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;}
@list l1:level5
{mso-level-number-format:alpha-lower;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;}
@list l1:level6
{mso-level-number-format:roman-lower;
mso-level-tab-stop:none;
mso-level-number-position:right;
text-indent:-9.0pt;}
@list l1:level7
{mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;}
@list l1:level8
{mso-level-number-format:alpha-lower;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;}
@list l1:level9
{mso-level-number-format:roman-lower;
mso-level-tab-stop:none;
mso-level-number-position:right;
text-indent:-9.0pt;}
@list l2
{mso-list-id:816609008;
mso-list-type:hybrid;
mso-list-template-ids:-1543190074 67698703 67698713 67698715 67698703 67698713 67698715 67698703 67698713 67698715;}
@list l2:level1
{mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;}
@list l2:level2
{mso-level-number-format:alpha-lower;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;}
@list l2:level3
{mso-level-number-format:roman-lower;
mso-level-tab-stop:none;
mso-level-number-position:right;
text-indent:-9.0pt;}
@list l2:level4
{mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;}
@list l2:level5
{mso-level-number-format:alpha-lower;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;}
@list l2:level6
{mso-level-number-format:roman-lower;
mso-level-tab-stop:none;
mso-level-number-position:right;
text-indent:-9.0pt;}
@list l2:level7
{mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;}
@list l2:level8
{mso-level-number-format:alpha-lower;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;}
@list l2:level9
{mso-level-number-format:roman-lower;
mso-level-tab-stop:none;
mso-level-number-position:right;
text-indent:-9.0pt;}
ol
{margin-bottom:0in;}
ul
{margin-bottom:0in;}
--></style><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]-->
</head>
<body lang="EN-US" link="#0563C1" vlink="#954F72">
<div class="WordSection1">
<p class="MsoNormal"><span style="font-size:11.0pt">Hi Gunnar,<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt">Now I am following below steps. I am running all these from my mac laptop. Nothing on BMC, just copied bmcweb on BMC.<o:p></o:p></span></p>
<ol style="margin-top:0in" start="1" type="1">
<li class="MsoListParagraph" style="margin-left:0in;mso-list:l1 level1 lfo3"><span style="font-size:11.0pt">npm install in repo directory.</span><o:p></o:p></li><li class="MsoListParagraph" style="margin-left:0in;mso-list:l1 level1 lfo3">npm run-script server<o:p></o:p></li><li class="MsoListParagraph" style="margin-left:0in;mso-list:l1 level1 lfo3">Recompiled bmcweb with BMCWEB_INSECURE_DISABLE_XSS_PREVENTION and BMCWEB_INSECURE_DISABLE_CSRF_PREVENTION and transfered bmcweb to target.<o:p></o:p></li><li class="MsoListParagraph" style="margin-left:0in;mso-list:l1 level1 lfo3">Go to
<a href="https://urldefense.proofpoint.com/v2/url?u=https-3A__bmc-2Dip&d=DwMDaQ&c=5VD0RTtNlTh3ycd41b3MUw&r=v9MU0Ki9pWnTXCWwjHPVgpnCR80vXkkcrIaqU7USl5g&m=kJtGvuus9oDRupym2EBb90B5bKvSi-pPMLdfIXHUGAM&s=gdm3UjRQnu_XRVgmp5SVt9W82Tl-uoCarovDoHDdD1Y&e=">
https://bmc-ip</a>, no certificates asked, says certificate expired on Dec 29 1979.<br>
Go to <a href="https://urldefense.proofpoint.com/v2/url?u=http-3A__localhost-3A8080&d=DwMDaQ&c=5VD0RTtNlTh3ycd41b3MUw&r=v9MU0Ki9pWnTXCWwjHPVgpnCR80vXkkcrIaqU7USl5g&m=kJtGvuus9oDRupym2EBb90B5bKvSi-pPMLdfIXHUGAM&s=r_P53gY50VmvMsyQPhxD35FdzONyzQNBH3GUYTerV4M&e=">
http://localhost:8080</a>, Don’t see any port as output for “npm run-script server”.<span style="font-size:11.0pt"> </span><o:p></o:p></li></ol>
<p class="MsoNormal"><span style="font-size:11.0pt"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:8.5pt;font-family:Menlo;color:black">vijaykhemka-mbp:phosphor-webui vijaykhemka$ npm run-script server<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:8.5pt;font-family:Menlo;color:black"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:8.5pt;font-family:Menlo;color:black">> phosphor-webui@2.8.0-dev server /Users/vijaykhemka/proj/lf/gh/new-gh/gh-repo/phosphor-webui<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:8.5pt;font-family:Menlo;color:black">> webpack-dev-server --history-api-fallback --inline --progress --devtool source-map --mode development<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:8.5pt;font-family:Menlo;color:black"><o:p> </o:p></span></p>
<p class="MsoNormal"><b><span style="font-size:8.5pt;font-family:Menlo;color:black">10% building 1/1 modules 0 active</span></b><span style="font-size:8.5pt;font-family:"Apple Color Emoji";color:#5620F4">ℹ</span><span style="font-size:8.5pt;font-family:Menlo;color:black">
</span><span style="font-size:8.5pt;font-family:"MS Mincho";color:#7D7D7D">｢</span><span style="font-size:8.5pt;font-family:Menlo;color:#7D7D7D">wds</span><span style="font-size:8.5pt;font-family:"MS Mincho";color:#7D7D7D">｣</span><span style="font-size:8.5pt;font-family:Menlo;color:black">:
Project is running at http://localhost:18898/<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:8.5pt;font-family:"Apple Color Emoji";color:#5620F4">ℹ</span><span style="font-size:8.5pt;font-family:Menlo;color:black">
</span><span style="font-size:8.5pt;font-family:"MS Mincho";color:#7D7D7D">｢</span><span style="font-size:8.5pt;font-family:Menlo;color:#7D7D7D">wds</span><span style="font-size:8.5pt;font-family:"MS Mincho";color:#7D7D7D">｣</span><span style="font-size:8.5pt;font-family:Menlo;color:black">:
webpack output is served from /<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:8.5pt;font-family:"Apple Color Emoji";color:#5620F4">ℹ</span><span style="font-size:8.5pt;font-family:Menlo;color:black">
</span><span style="font-size:8.5pt;font-family:"MS Mincho";color:#7D7D7D">｢</span><span style="font-size:8.5pt;font-family:Menlo;color:#7D7D7D">wds</span><span style="font-size:8.5pt;font-family:"MS Mincho";color:#7D7D7D">｣</span><span style="font-size:8.5pt;font-family:Menlo;color:black">:
Content not from webpack is served from ./src/public<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:8.5pt;font-family:"Apple Color Emoji";color:#5620F4">ℹ</span><span style="font-size:8.5pt;font-family:Menlo;color:black">
</span><span style="font-size:8.5pt;font-family:"MS Mincho";color:#7D7D7D">｢</span><span style="font-size:8.5pt;font-family:Menlo;color:#7D7D7D">wds</span><span style="font-size:8.5pt;font-family:"MS Mincho";color:#7D7D7D">｣</span><span style="font-size:8.5pt;font-family:Menlo;color:black">:
404s will fallback to /index.html<o:p></o:p></span></p>
<p class="MsoNormal"><b><span style="font-size:8.5pt;font-family:Menlo;color:black">10% building 1/3 modules 2 active ...babel-loader/lib/index.js??ref--4!/Users/vijaykhemka/proj/lf/gh/new-gh/gh-repo/phosphor-webui/node_modules/webpack-dev-server/client/index.js?http://localhost:18898</span></b><span style="font-size:8.5pt;font-family:Menlo;color:black">Browserslist:
caniuse-lite is outdated. Please run next command `npm update`<o:p></o:p></span></p>
<p class="MsoNormal"><b><span style="font-size:8.5pt;font-family:Menlo;color:black">67% building 545/571 modules 26 active /Users/vijaykhemka/proj/lf/gh/new-gh/gh-repo/phosphor-webui/node_modules/core-js/modules/es.reflect.is-extensible.js</span></b><span style="font-size:8.5pt;font-family:Menlo;color:black">[BABEL]
Note: The code generator has deoptimised the styling of /Users/vijaykhemka/proj/lf/gh/new-gh/gh-repo/phosphor-webui/node_modules/angular/angular.js as it exceeds the max of 500KB.<o:p></o:p></span></p>
<p class="MsoNormal"><b><span style="font-size:8.5pt;font-family:Menlo;color:black">66% building 557/590 modules 33 active /Users/vijaykhemka/proj/lf/gh/new-gh/gh-repo/phosphor-webui/node_modules/core-js/modules/es.object.to-string.js</span></b><span style="font-size:8.5pt;font-family:Menlo;color:black">[BABEL]
Note: The code generator has deoptimised the styling of /Users/vijaykhemka/proj/lf/gh/new-gh/gh-repo/phosphor-webui/node_modules/text-encoding/lib/encoding-indexes.js as it exceeds the max of 500KB.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:8.5pt;font-family:"Apple Color Emoji";color:#5620F4">ℹ</span><span style="font-size:8.5pt;font-family:Menlo;color:black">
</span><span style="font-size:8.5pt;font-family:"MS Mincho";color:#7D7D7D">｢</span><span style="font-size:8.5pt;font-family:Menlo;color:#7D7D7D">wdm</span><span style="font-size:8.5pt;font-family:"MS Mincho";color:#7D7D7D">｣</span><span style="font-size:8.5pt;font-family:Menlo;color:black">:
761 modules<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:8.5pt;font-family:"Apple Color Emoji";color:#5620F4">ℹ</span><span style="font-size:8.5pt;font-family:Menlo;color:black">
</span><span style="font-size:8.5pt;font-family:"MS Mincho";color:#7D7D7D">｢</span><span style="font-size:8.5pt;font-family:Menlo;color:#7D7D7D">wdm</span><span style="font-size:8.5pt;font-family:"MS Mincho";color:#7D7D7D">｣</span><span style="font-size:8.5pt;font-family:Menlo;color:black">:
Compiled successfully.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:8.5pt;font-family:Menlo;color:black"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:8.5pt;font-family:Menlo;color:black">Regards<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:8.5pt;font-family:Menlo;color:black">-Vijay<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:8.5pt;font-family:Menlo;color:black"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt"><o:p> </o:p></span></p>
<div style="border:none;border-top:solid #B5C4DF 1.0pt;padding:3.0pt 0in 0in 0in">
<p class="MsoNormal"><b><span style="color:black">From: </span></b><span style="color:black">Gunnar Mills <gmills@linux.vnet.ibm.com><br>
<b>Date: </b>Sunday, January 5, 2020 at 9:39 PM<br>
<b>To: </b>Vijay Khemka <vijaykhemka@fb.com>, "openbmc@lists.ozlabs.org" <openbmc@lists.ozlabs.org><br>
<b>Subject: </b>Re: webui not working for me<o:p></o:p></span></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:11.0pt"><o:p> </o:p></span></p>
</div>
<p><o:p> </o:p></p>
<div>
<p class="MsoNormal">On 1/3/2020 7:38 PM, Vijay Khemka wrote:<o:p></o:p></p>
</div>
<blockquote style="margin-top:5.0pt;margin-bottom:5.0pt">
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal"><span style="font-size:11.0pt">I am trying to use webui but not getting anything working. I might be missing some steps.</span><o:p></o:p></p>
<p class="MsoNormal"><span style="font-size:11.0pt">I did following.</span><o:p></o:p></p>
<ol style="margin-top:0in" start="1" type="1">
<li class="MsoListParagraph" style="margin-left:0in;mso-list:l2 level1 lfo4"><span style="font-size:11.0pt">npm install in repo directory.</span><o:p></o:p></li><li class="MsoListParagraph" style="margin-left:0in;mso-list:l2 level1 lfo4"><span style="font-size:11.0pt">Recompiled bmcweb with
</span><span style="font-size:10.0pt;font-family:Consolas;color:#24292E">BMCWEB_INSECURE_DISABLE_XSS_PREVENTION on and transferred bmcweb to target.</span><o:p></o:p></li><li class="MsoListParagraph" style="margin-left:0in;mso-list:l2 level1 lfo4"><span style="font-size:10.0pt;font-family:Consolas;color:#24292E">Run chrome browser with
<a href="https://urldefense.proofpoint.com/v2/url?u=http-3A__bmc-2Dip&d=DwMDaQ&c=5VD0RTtNlTh3ycd41b3MUw&r=v9MU0Ki9pWnTXCWwjHPVgpnCR80vXkkcrIaqU7USl5g&m=kJtGvuus9oDRupym2EBb90B5bKvSi-pPMLdfIXHUGAM&s=HQJMeAs5VppEftgdpNH7nd7V3Zx4xpf4DEyqto7U7_Q&e=">
http://bmc-ip</a></span><o:p></o:p></li><li class="MsoListParagraph" style="margin-left:0in;mso-list:l2 level1 lfo4"><span style="font-size:10.0pt;font-family:Consolas;color:#24292E">I see blank page. Then tried with https and accepted certificates.</span><o:p></o:p></li><li class="MsoListParagraph" style="margin-left:0in;mso-list:l2 level1 lfo4"><span style="font-size:10.0pt;font-family:Consolas;color:#24292E">But still I see page with “refused to connect”</span><o:p></o:p></li></ol>
<p class="MsoNormal"><span style="font-size:11.0pt"> </span><o:p></o:p></p>
</blockquote>
<p>Hi Vijay,<br>
<br>
Are you trying to run the webui locally (e.g. npm run-script server and then browse to
<a href="https://urldefense.proofpoint.com/v2/url?u=http-3A__localhost-3A8080&d=DwMDaQ&c=5VD0RTtNlTh3ycd41b3MUw&r=v9MU0Ki9pWnTXCWwjHPVgpnCR80vXkkcrIaqU7USl5g&m=kJtGvuus9oDRupym2EBb90B5bKvSi-pPMLdfIXHUGAM&s=r_P53gY50VmvMsyQPhxD35FdzONyzQNBH3GUYTerV4M&e=">
http://localhost:8080</a> )?<br>
<br>
If so, something more like:<br>
npm install <br>
npm run-script server<br>
Recompile bmcweb with BMCWEB_INSECURE_DISABLE_XSS_PREVENTION and BMCWEB_INSECURE_DISABLE_CSRF_PREVENTION and transfer bmcweb to target.<br>
Go to <a href="https://urldefense.proofpoint.com/v2/url?u=https-3A__bmc-2Dip&d=DwMDaQ&c=5VD0RTtNlTh3ycd41b3MUw&r=v9MU0Ki9pWnTXCWwjHPVgpnCR80vXkkcrIaqU7USl5g&m=kJtGvuus9oDRupym2EBb90B5bKvSi-pPMLdfIXHUGAM&s=gdm3UjRQnu_XRVgmp5SVt9W82Tl-uoCarovDoHDdD1Y&e=">
https://bmc-ip</a> and accept the certificate <br>
Go to <a href="https://urldefense.proofpoint.com/v2/url?u=http-3A__localhost-3A8080&d=DwMDaQ&c=5VD0RTtNlTh3ycd41b3MUw&r=v9MU0Ki9pWnTXCWwjHPVgpnCR80vXkkcrIaqU7USl5g&m=kJtGvuus9oDRupym2EBb90B5bKvSi-pPMLdfIXHUGAM&s=r_P53gY50VmvMsyQPhxD35FdzONyzQNBH3GUYTerV4M&e=">
http://localhost:8080</a> (could be running at a different port, check npm run-script server output) and point at bmc-ip
<br>
<br>
If you are trying to build the webui for the BMC (npm run-script build) and scp the files over, do you need to include the webui package group?
<br>
<br>
<a href="https://github.com/openbmc/openbmc/commit/fef8abbc78154abbd86ab9f0704e65ccb422f4de">https://github.com/openbmc/openbmc/commit/fef8abbc78154abbd86ab9f0704e65ccb422f4de</a><br>
<br>
The webui recipe creates the webui directory structure on the BMC.<o:p></o:p></p>
<p><o:p> </o:p></p>
<blockquote style="margin-top:5.0pt;margin-bottom:5.0pt">
<p class="MsoNormal"><span style="font-size:11.0pt">Please help me what else I need to do. I got 2 warning while installing NPM.</span><o:p></o:p></p>
<p class="MsoNormal"><span style="font-size:11.0pt"> </span><o:p></o:p></p>
</blockquote>
<p class="MsoNormal"><span style="font-size:11.0pt">The warnings should not matter.<br>
<br>
- Gunnar<br>
<br>
<o:p></o:p></span></p>
</div>
</body>
</html>