7.2.6 • Published 1 year ago
ut-port-skype v7.2.6
ut-port-skype
Properties
Use the screenshots below to define the following properties:
Skype
- Bot properties
appId
- useMicrosoft App Id
, highlighted in the screenshot belowsecret
- create a client secret fromcertificate & secrets
(click onManage
next toMicrosoft App Id
)
- Context properties
clientId
- set toskype/<Bot handle>
, where<Bot handle>
is the value highlighted in the screenshotaccessToken
- same value as insecret
parametername
- useDisplay name (skype)
, whereDisplay name
is the string highlighted in the screenshot
Webchat
- Bot properties - Use the same parameters as for skype
- Context properties
clientId
- usewebchat/<Bot handle>
, where<Bot handle>
is the value highlighted in the first screenshot aboveaccessToken
- the first one of the secret keys pair (see the screenshots below)name
- useDisplay name (webchat)
, whereDisplay name
is the string highlighted in the first screenshot above
Embedding the Web Chat
There are 3 approaches of embedding the Web Chat in an external page:
1) Put an iframe directly and place the Web Chat url as a source.
Where the correct parameters should be set:
* `{hostname}` - implementation hostname
* `{appId}` - as described in the [skype](###skype) section
* `{clientId}` - as described in the [webchat](###webchat) section
```html
<html>
<head></head>
<body>
<iframe src="https://{hostname}/webchat/{appId}/{clientId}"></iframe>
</body>
</html>
```
2) Use UT webchat script.
Again set the correct hostname
, appId
and clientId
as described for the first approach
```html
<html>
<head>
<script src="https://{hostname}/webchat/{appId}/{clientId}/webchat.js"></script>
</head>
<body>
...
</body>
</html>
```
3) The third approach is mainly suitable for quick testing
against an existing site. Simply create a bookmark and paste
the following as URL. Again set the correct hostname
, appId
and clientId
as described for the first approach
```js
javascript:void((function(){var s = document.createElement('script');
s.setAttribute('src', 'https://{hostname}/webchat/{appId}/{clientId}/webchat.js');
document.body.appendChild(s);})())
```