Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Prepare the VFC Recording Controls Application Bundle

Please refer to vmr-shell-1.0.0.38.zip, where you will find the partially completed manifest.json file to modify, save, recompress and upload to Teams environment.

This bundle vmr-shell<build-number>.zip file, contains manifest.json file and two icon files.   Edit the manifest.json file of this bundle as following:

...

Step 2-  Replace all instances of {{verba-base-url}} with the Verba server’s base URL

Example:

SEE MATE - whats the best way to add a code snippet


Code Block
languagejs
titleApp ID example
{
  "$schema": "https://developer.microsoft.com/en-us/json-schemas/teams/v1.14/MicrosoftTeams.schema.json",
  "version": "1.0.0",
  "manifestVersion": "1.14",
  "id": "150a0b12-9475-4b4f-8928-aef33d7d401e",
  "packageName": "com.package.name",
  "name": {
...
"staticTabs": [
        {
            "entityId": "index",
            "name": "Recording Tab",
            "contentUrl": https://verbapool1app.verintenglabdemolab.com/verba/msTeamsApp,
            "websiteUrl": https://verbapool1app.verintenglabdemolab.com/verba/msTeamsApp,
            "scopes": [
                "personal"
            ]
        }
    ],

...

Code Block
languagejs
titleDomain Name Example
"validDomains": [
"verbapool1app.verintenglabdemolab.com"
]


Step 4 - Replace all instances of {{azure-app-id}} with "Application (client) ID" of the Microsoft Entra (formerly Azure AD) Application created above.

...

Code Block
languagejs
titleAzure App ID Example
"webApplicationInfo": {

         "id": "3ebcfff6-0b0b-4d8b-91d4-9b2a292c529e",
         "resource": "api://verbapool1app.verintenglabdemolab.com/3ebcfff6-0b0b-4d8b-91d4-9b2a292c529e"
}

...

Step 2 - Go to Teams / Manage app and choose “Upload new app”, and upload the app bundle prepared above.


Deploy the VFC Recording Controls Application Bundle onto Verba Server

Step 1 - Copy and explode the app bundle vrm-spa<build-number>.zip file into [VERBA-APP-INSTALL-FOLDER]\tomcat\webapps\verba\msTeamsApp\spa folder (example C:\Program Files\Verba\tomcat\webapps\verba\msTeamsApp\spa).

The app files look like this after deployed:

Image Removed

Configure the Verba Server for the VFC Recording Controls Application 

...

<CookieProcessor sameSiteCookies="none" />

Step 3 -  The frame-ancestors Content Settings Policy header must allow the embedding from Microsofts' domain. That is a default configuration of the web application since 9.7.5. If this header is missing, it can be turned on via this registry key (create it if it doesn't exist yet, type: REG_SZ):

Computer\HKEY_LOCAL_MACHINE\SOFTWARE\Verba\Web\HeaderSecurityCSP

The following value should be appended to the current CSP header and stored in the registry:

frame- ancestors 'self' teams.microsoft.com *.teams.microsoft.com *.skype.com;

Example:

default-src 'self'; script-src 'self' 'unsafe-inline' 'unsafe-eval'; style-src 'self' 'unsafe-inline'; img-src 'self' data: blob: https:; frame-src 'self' mailto: tel:; frame-ancestors 'self' teams.microsoft.com *.teams.microsoft.com *.skype.com;

Step 4 - Restart the web application service.

Link Users on the Verba Server

Step 1 - Import users into with "Microsoft Entra ID (formerly Azure AD) sync" Active Directory synchronization

Step 2 - Setup an "Identity Provider" with the same Azure AD Microsoft Entra application as it was created above Identity providers

...