/uibuilder/vendor/socket.io`
I have looked at this post, the [wiki](https://github.com/TotallyInformation/node-red-contrib-uibuilder/wiki/Create-a-web-page-in-a-sub-path), and the comments in the default index.js:
> /\*\* **REQUIRED** Start uibuilder comms with Node-RED @since v2.0.0-dev3
> \* Pass the namespace and ioPath variables if hosting page is not in the instance root folder
> \* The namespace is the "url" you put in uibuilder's configuration in the Editor.
> \* e.g. If you get continual `uibuilderfe:ioSetup: SOCKET CONNECT ERROR` error messages.
> \* e.g. uibuilder.start('uib', '/nr/uibuilder/vendor/socket.io') // change to use your paths/names
> \*/
I clearly am not interpreting these directions correctly. Every variation of what I think this might mean fails to allow me to connect.
My base url is uibuilder6
My sub path is m2 thus the page URL is [http://cs:1980/uibuilder6/m2/](http://cs:1980/uibuilder6/m2/)
And this is what I get:
**What should I use in place of uibuilder.start() and why?**
In case it matters, I trying to use bootstrap-vue. I think I am in part confused because the examples make some reference to moon and to nr. I don't think those are relevant to my case, but haven't been able to figure it out.
---
### Author:  [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)
#### Post date: [7 September 2020 16:28 UTC](https://discourse.nodered.org/t/uibuilder-working-towards-v2-dev3-released-notification-of-breaking-changes/11613/3 "2020-09-07T16:28:02Z")
Part of the problem is that you need to know whether you are using the `httpNodeRoot` setting which changes the URL paths. I always leave that set to "nr" on my dev machine to make sure that I'm always testing it.
So for me, using your example, my full URL would be `http://cs:1980/nr/uibuilder6`. That is where the `nr` part comes from. If you aren't using `httpNodeRoot`, you don't need to be concerned about that.
The other part of the problem comes from how the [Socket.IO](http://Socket.IO) library works. We have to know what [Socket.io](http://Socket.io) namespace has been created. For the default index.js, there is a whole set of code baked into the uibuilder library to work that out because, again, it can change based on things like the `httpNodeRoot` setting. But when you use a sub-folder, uibuilder can no longer work out what the [Socket.IO](http://Socket.IO) namespace is and you have to tell it explicitly instead.
You can always find out these things by looking at the Detailed Information page - you can get to that from the Editor as I've included a button that will open it in a new tab. On that page, look for the "Configuration" section and `uib_socketPath`.
In most cases, the namespace will be `/uibuilder/vendor/socket.io`.
Using this feature it is even possible to use uibuilder from a completely different web server as well. So you could use that other web server to serve up your static pages for example but still use the [Socket.IO](http://Socket.IO) communications back to Node-RED.
---
### Author:  [@tmichaeltx](https://discourse.nodered.org/u/tmichaeltx)
#### Post date: [7 September 2020 16:52 UTC](https://discourse.nodered.org/t/uibuilder-working-towards-v2-dev3-released-notification-of-breaking-changes/11613/4 "2020-09-07T16:52:29Z")
When I click the "Show Detailed Information" button in the editor I get taken to this URL:
[http://cs:1980/uibindex](http://cs:1980/uibindex)
Which just says: Unauthorized
Any thoughts on that?
I think in another thread I saw you say that you aren't using projects, which I am. This may be part of the challenge, but that is more supposition on my part than anything else.
---
### Author:  [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)
#### Post date: [7 September 2020 16:57 UTC](https://discourse.nodered.org/t/uibuilder-working-towards-v2-dev3-released-notification-of-breaking-changes/11613/5 "2020-09-07T16:57:10Z")
You are using authorisation on the Editor and haven't given your logged in user sufficient rights. Try giving it "\*" rights.
---
### Author:  [@tmichaeltx](https://discourse.nodered.org/u/tmichaeltx)
#### Post date: [7 September 2020 17:35 UTC](https://discourse.nodered.org/t/uibuilder-working-towards-v2-dev3-released-notification-of-breaking-changes/11613/6 "2020-09-07T17:35:48Z")
I have found this in .config.json:
```auto
"mike": {
"editor": {
"view": {
"view-show-grid": true,
"view-snap-grid": true,
"view-grid-size": "20",
"view-node-status": true,
"view-node-show-label": true,
"view-show-tips": true
}
}
```
And I found this in setting.js:
```auto
// Securing Node-RED
// -----------------
// To password protect the Node-RED editor and admin API, the following
// property can be used. See http://nodered.org/docs/security.html for details.
//adminAuth: {
// type: "credentials",
// users: [{
// username: "admin",
// password: "$2a$08$zZWtXTja0fB1pzD4sHCMyOCMYz2Z6dNbM6tl8sJogENOMcxWV9DN.",
// permissions: "*"
// }]
//},
adminAuth: {
type: "credentials",
users: [
{
username: "tmichael",
password: "$2a$08$...rest removed to not share publicly",
permissions: "*"
}
]
},
// To password protect the node-defined HTTP endpoints (httpNodeRoot), or
// the static content (httpStatic), the following properties can be used.
// The pass field is a bcrypt hash of the password.
// See http://nodered.org/docs/security.html#generating-the-password-hash
//httpNodeAuth: {user:"user",pass:"$2a$08$zZWtXTja0fB1pzD4sHCMyOCMYz2Z6dNbM6tl8sJogENOMcxWV9DN."},
httpNodeAuth: {
user: "tmichael",
pass: "$2a$08$...rest removed to not share publicly",
//mike addition for to try to fix permisions for uibuilder
permissions: "*"
//End of mike addition for to try to fix permisions for uibuilder
},
//httpStaticAuth: {user:"user",pass:"$2a$08$zZWtXTja0fB1pzD4sHCMyOCMYz2Z6dNbM6tl8sJogENOMcxWV9DN."},
//mike additon for uibuilder part 2
httpStaticAuth: {
user: "tmichael",
pass: "$2a$08$...rest removed to not share publicly",
permissions: "*"
//End of mike additon for uibuilder part 2
},
```
In the httpNodeAuth section I added permissions: "\*" , and I had previously not had an entry for httpStaticAuth and so added what you see here. I also tried it without the permissions \* in httpNodeAuth and httpStaticAuth sections as that seems to not be standard per the node red documentation.
Any idea what I am doing wrong in giving myself the correct permissions?
---
### Author:  [@tmichaeltx](https://discourse.nodered.org/u/tmichaeltx)
#### Post date: [7 September 2020 19:03 UTC](https://discourse.nodered.org/t/uibuilder-working-towards-v2-dev3-released-notification-of-breaking-changes/11613/7 "2020-09-07T19:03:52Z")
Having found this in a separate thread:
> [@Uibuilder uibindex not working](https://discourse.nodered.org/t/uibuilder-uibindex-not-working/22116/8):
>
> Try adding the defualt permissions to settings.js: adminAuth: { type: "credentials", users: [/\* list of users \*/], default: { permissions: "read" } }
I added default: { permissions: "read" } and now it it giving me access. Ironically of course the page itself says `Note that this page is only accessible to users with Node-RED admin authority.` and yet the permission I added was read.
Now I will spend some time understanding all of the info that page shows and how to apply it to my situation.
---
### Author:  [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)
#### Post date: [7 September 2020 21:16 UTC](https://discourse.nodered.org/t/uibuilder-working-towards-v2-dev3-released-notification-of-breaking-changes/11613/8 "2020-09-07T21:16:43Z")
Hi, yes you found the discussion that I was going to link for you.
As you will see from that, we never did get feedback on what I saw as a number of inconsistencies (or at least my serious lack of understanding) in the way the Node-RED permissions are applied.
There was also an [issue](https://github.com/TotallyInformation/node-red-contrib-uibuilder/issues/78) but it self-closed after inactivity.
I'm still not happy with the way that it works but at least there is a solution.
---
### Author:  [@tmichaeltx](https://discourse.nodered.org/u/tmichaeltx)
#### Post date: [7 September 2020 21:27 UTC](https://discourse.nodered.org/t/uibuilder-working-towards-v2-dev3-released-notification-of-breaking-changes/11613/9 "2020-09-07T21:27:20Z")
Having now fixed the permissions part to get to [http://cs:1980/uibindex](http://cs:1980/uibindex), I have used the information to get the following info:
So as you said since I am not using `httpNodeRoot` , I don't need to be concerned about that.
Then also on that page I have this:
So based on all of that I thought the correct entry was this:
```auto
uibuilder.start('uibuilder6', '/uibuilder/vendor/socket.io')
```
I also tried
```auto
uibuilder.start('uibuilder6/m2', '/uibuilder/vendor/socket.io')
```
and
```auto
uibuilder.start('uibuilder6', '../uibuilder/vendor/socket.io')
```
and
```auto
uibuilder.start('uibuilder6/m2', '../uibuilder/vendor/socket.io')
```
All of them failed to connect. Next suggestion for what I am missing?
I am also trying it under uibuilder7/m2 and I am seeing this doing inspection in Edge:
The URL I pointed to seems like a clue to what is wrong.
This is what it looks like in the working uibuilder 7
---
### Author:  [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)
#### Post date: [7 September 2020 22:07 UTC](https://discourse.nodered.org/t/uibuilder-working-towards-v2-dev3-released-notification-of-breaking-changes/11613/10 "2020-09-07T22:07:30Z")
What that is telling us is what we already knew. That you are loading the [socket.io](http://socket.io) client but that the client is not managing to connect to the namespace.
Just did some testing on my dev machine.
I have a uibuilder instance with a url of `uib`. Here is the layout of the files:
And in that file `uib/src/test/index.js` I have the following start command in the `mounted` function:
```javascript
uibuilder.start('/uib', '/uibuilder/vendor/socket.io')
```
As you can see, I steered you right on the 2nd parameter but not on the first. That needs to start with a leading slash. Apologies, I got my parameters mixed up. It is the first parameter that is the namespace and the second is the path to the [socket.io](http://socket.io) client.
The namespace is the url with a leading slash. The easiest way to discover that is to open a standard root index.html, open your browser's developer console. Then do `uibuilder.get('ioNamespace')` on the console. But of course, you weren't to know that and you've made me realise that somehow I'd missed properly documenting the settings.
For the next release, I've updated the documentation and the default template so that the parameters are correctly explained.
---
### Author:  [@tmichaeltx](https://discourse.nodered.org/u/tmichaeltx)
#### Post date: [7 September 2020 22:31 UTC](https://discourse.nodered.org/t/uibuilder-working-towards-v2-dev3-released-notification-of-breaking-changes/11613/11 "2020-09-07T22:31:59Z")
Thanks for the info from you test. I thought I had tried every variation myself, but sure enough adding that slash to create ` uibuilder.start('/uibuilder7', '/uibuilder/vendor/socket.io')` was all that it took to get it working.