Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Sv translation
languageen

Prerequisites

  1. First, we have to create a Teams Application.
    The application should contain three files as follows:

    1. Icon-color.png

    2. Icon-outline.png

    3. manifest.json:

Code Block
titlemanifest.json
{
  "$schema": "https://developer.microsoft.com/en-us/json-schemas/teams/v1.5/MicrosoftTeams.schema.json",
  "manifestVersion": "1.5",
  "id": "$application_id",
  "version": "1.0.0",
  "packageName": "de.jtel.acd.teams",
  "developer": {
    "name": "jtel GmbH",
    "websiteUrl": "https://www.jtel.de",
    "privacyUrl": "https://www.jtel.de/en/privacy",
    "termsOfUseUrl": "https://www.jtel.de/en/legal",
    "mpnId": ""
  },
  "name": {
    "short": "jtel ACD",
    "full": "jtel ACD Client Tab"
  },
  "description": {
    "short": "jtel ACD Teams Client",
    "full": "jtel ACD Teams Client"
  },
  "icons": {
    "outline": "Icon-outline.png",
    "color": "Icon-color.png"
  },
  "accentColor": "#333333",
  "configurableTabs": [],
  "staticTabs": [
    {
      "entityId": "jtelACD",
      "name": "jtel ACD",
      "contentUrl": "$acd_portal_url",
      "websiteUrl": "$acd_portal_url",
      "scopes": [ "team", "personal" ]
    }
  ],
  "bots": [],
  "connectors": [],
  "composeExtensions": [],
  "permissions": [
    "identity",
    "messageTeamMembers"
  ],
  "validDomains": [
    "acd.jtel.de",
	"jtel.de"
  ]
}

Icon-color and Icon-outline are the App icons/logo.

Info

Change $application_id and $acd_portal_url in the manifest.json.

P.S. Here is a tip to generate $application_id:

The following website Free Online GUID Generator allows you to generate our application ID.

The $acd_portal_url is the portal URL to log in, for . For example:

https://myacdsystem.mydomain.de/CarrierPortal//login/myResellerUID/myMandantUID

The Teams only accepts URL with https.

Finally, zip the three files together.

Example in the attachment:

View file
namejtelACDTeamsTab.zip
height150

2. To create Teams Apps for your organization, you must be a Global Admin

Login to Microsoft 365 admin center with your admin credential and make sure of the role.

Install jtel app in Teams

  1. Login to Dashboard - Microsoft Teams admin center

  2. Go to Teams apps → Manage apps and click on Upload new app.

  3. Follow the steps to upload the zip file created in the previous steps.



  4. By successful upload, you should see the following popup:



  5. You should be able to see the new app in All apps table by typing the filter jtel ACD



  6. Go to Teams apps → Setup policies and click on Global (Org-wide default)

  7. Under Installed apps click on Add apps and search for the added application by the name “jtel ACD“. Next click on Add.

  8. Under Pinned apps, click on Add apps and add the new application.

  9. Finally click on save button and you should see the following popup:



  10. Restart the Teams application and go to Apps and search for jtel ACD.



  11. Select the new application and click on Add button. The portal will be opened then.

P.S: The teams application doesn't get the changes immediately. If you don't see the new application in teams application, then verify with the teams web application.

Sv translation
languagede

Voraussetzungen

  1. Zunächst müssen wir eine Teams-Anwendung erstellen.
    Die Anwendung sollte drei Dateien wie folgt enthalten:

    1. Icon-color.png

    2. Icon-outline.png

    3. manifest.json:

Code Block
titlemanifest.json
{
  "$schema": "https://developer.microsoft.com/en-us/json-schemas/teams/v1.5/MicrosoftTeams.schema.json",
  "manifestVersion": "1.5",
  "id": "$application_id",
  "version": "1.0.0",
  "packageName": "de.jtel.acd.teams",
  "developer": {
    "name": "jtel GmbH",
    "websiteUrl": "https://www.jtel.de",
    "privacyUrl": "https://www.jtel.de/en/privacy",
    "termsOfUseUrl": "https://www.jtel.de/en/legal",
    "mpnId": ""
  },
  "name": {
    "short": "jtel ACD",
    "full": "jtel ACD Client Tab"
  },
  "description": {
    "short": "jtel ACD Teams Client",
    "full": "jtel ACD Teams Client"
  },
  "icons": {
    "outline": "Icon-outline.png",
    "color": "Icon-color.png"
  },
  "accentColor": "#333333",
  "configurableTabs": [],
  "staticTabs": [
    {
      "entityId": "jtelACD",
      "name": "jtel ACD",
      "contentUrl": "$acd_portal_url",
      "websiteUrl": "$acd_portal_url",
      "scopes": [ "team", "personal" ]
    }
  ],
  "bots": [],
  "connectors": [],
  "composeExtensions": [],
  "permissions": [
    "identity",
    "messageTeamMembers"
  ],
  "validDomains": [
    "acd.jtel.de",
	"jtel.de"
  ]
}

Icon-color und Icon-outline sind die App-Symbole/Logos.

Info

Ändern Sie $application_id und $acd_portal_url in der manifest.json.

P.S. Hier ist ein Tipp zur Erstellung $application_id:

Die folgende Website: Free Online GUID Generator ermöglicht es Ihnen, unsere Application ID zu vererben..

Die $acd_portal_url ist die acdPortal-Web-URL zum Einloggen. Zum Beispiel:

https://myacdsystem.mydomain.de/CarrierPortal/login/myResellerUID/myMandantUID

Die Teams akzeptieren nur URL mit https.

Zum Schluss zippen Sie die drei Dateien zusammen.

Ein Beispiel finden Sie im Anhang:

View file
namejtelACDTeamsTab.zip
height150

2. Um Teams Apps für Ihr Unternehmen zu erstellen, müssen Sie ein Global Admin sein.

Anmeldung bei   Microsoft 365 admin center und vergewissern Sie sich über die Rolle.

jtel-App in Teams installieren

  1. Anmeldung bei bei Dashboard - Microsoft 365 Teams admin center

  2. Gehen Sie zum Teams apps → Manage apps und klicken Sie auf Upload new app.

  3. Befolgen Sie die Schritte zum Hochladen der in den vorherigen Schritten erstellten Zip-Datei.



  4. Nach erfolgreichem Upload sollten Sie folgendes Popup sehen:



  5. Sie sollten die neue Anwendung in der Tabelle All apps sehen können, indem Sie den Filter jtel ACD eingeben



  6. Gehen Sie zum  Teams apps → Setup policies und klicken Sie auf Global (Org-wide default)

  7. Unter Installed apps klicken Sie auf Add apps und suchen Sie die hinzugefügte Anwendung mit dem Namen "jtel ACD". Klicken Sie anschließend auf Hinzufügen.

  8. Klicken Sie unter Pinned apps auf Add apps und fügen Sie die neue Anwendung hinzu.

  9. Klicken Sie abschließend auf die Schaltfläche "Speichern" und Sie sollten das folgende Popup-Fenster sehen:



  10. Starten Sie die Teams neu, gehen Sie zu Apps und suchen Sie nach jtel ACD.



  11. Wählen Sie die neue Anwendung aus und klicken Sie auf die Schaltfläche Hinzufügen. Das Portal wird dann geöffnet.

P.S: Die Teams-Anwendung erhält die Änderungen nicht sofort. Wenn Sie die neue App nicht in der Teams-Anwendung sehen, überprüfen Sie sie mit der Teams-Webanwendung.