From a7053b9230b63a39c70669712426f90a5d4603a2 Mon Sep 17 00:00:00 2001 From: Wajeed-msft <31851992+Wajeed-msft@users.noreply.github.com> Date: Sun, 3 Jan 2021 22:50:11 +0530 Subject: [PATCH] Added generic connector sample code (#4) * Added generic connector sample code --- README.md | 4 +- nodejs/connector-generic/.gitignore | 61 ++ nodejs/connector-generic/LICENSE | 21 + nodejs/connector-generic/README.md | 52 ++ .../app manifest/color_icon.png | Bin 0 -> 847 bytes .../app manifest/manifest.json | 35 + .../app manifest/outline_icon.png | Bin 0 -> 321 bytes nodejs/connector-generic/package.json | 21 + .../public/custom/assets/config.PNG | Bin 0 -> 20035 bytes .../public/custom/assets/login.PNG | Bin 0 -> 9239 bytes .../public/custom/css/msteams-app.css | 619 ++++++++++++++++++ .../public/custom/js/connectorTabConfig.js | 6 + .../public/custom/js/theme.js | 41 ++ nodejs/connector-generic/server.js | 40 ++ .../views/connectorconfig.jade | 67 ++ nodejs/connector-generic/web.config | 55 ++ 16 files changed, 1021 insertions(+), 1 deletion(-) create mode 100644 nodejs/connector-generic/.gitignore create mode 100644 nodejs/connector-generic/LICENSE create mode 100644 nodejs/connector-generic/README.md create mode 100644 nodejs/connector-generic/app manifest/color_icon.png create mode 100644 nodejs/connector-generic/app manifest/manifest.json create mode 100644 nodejs/connector-generic/app manifest/outline_icon.png create mode 100644 nodejs/connector-generic/package.json create mode 100644 nodejs/connector-generic/public/custom/assets/config.PNG create mode 100644 nodejs/connector-generic/public/custom/assets/login.PNG create mode 100644 nodejs/connector-generic/public/custom/css/msteams-app.css create mode 100644 nodejs/connector-generic/public/custom/js/connectorTabConfig.js create mode 100644 nodejs/connector-generic/public/custom/js/theme.js create mode 100644 nodejs/connector-generic/server.js create mode 100644 nodejs/connector-generic/views/connectorconfig.jade create mode 100644 nodejs/connector-generic/web.config diff --git a/README.md b/README.md index c4db294a8d..7f50e3a3ed 100644 --- a/README.md +++ b/README.md @@ -69,7 +69,8 @@ | | Sample Name | Description | C# | TypeScript | |:--:|:-------------------|:-------------------------------------------------------------------------------------------------|:--------|:-------------| |1|Connectors | Sample Office 365 Connector generating notifications to teams channel. |[View][connector#cs] |[View][connector#ts] -|2|Outgoing Webhooks | Samples to create "Custom Bots" to be used in Microsoft Teams. |[View][outgoing-webhook#cs]|[View][outgoing-webhook#ts] +|2|Generic connectors sample | Sample code for a generic connector that's easy to customize for any system which supports webhooks. | |[View][connector-generic#ts] +|3|Outgoing Webhooks | Samples to create "Custom Bots" to be used in Microsoft Teams. |[View][outgoing-webhook#cs]|[View][outgoing-webhook#ts] ## Samples with multiple entry points @@ -94,6 +95,7 @@ [connector#cs]:csharp/connector-todo-notification [connector#ts]:nodejs/connector-github-notification +[connector-generic#ts]:nodejs/connector-generic [app-auth#ts]:nodejs/app-auth diff --git a/nodejs/connector-generic/.gitignore b/nodejs/connector-generic/.gitignore new file mode 100644 index 0000000000..ad46b30886 --- /dev/null +++ b/nodejs/connector-generic/.gitignore @@ -0,0 +1,61 @@ +# Logs +logs +*.log +npm-debug.log* +yarn-debug.log* +yarn-error.log* + +# Runtime data +pids +*.pid +*.seed +*.pid.lock + +# Directory for instrumented libs generated by jscoverage/JSCover +lib-cov + +# Coverage directory used by tools like istanbul +coverage + +# nyc test coverage +.nyc_output + +# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files) +.grunt + +# Bower dependency directory (https://bower.io/) +bower_components + +# node-waf configuration +.lock-wscript + +# Compiled binary addons (https://nodejs.org/api/addons.html) +build/Release + +# Dependency directories +node_modules/ +jspm_packages/ + +# TypeScript v1 declaration files +typings/ + +# Optional npm cache directory +.npm + +# Optional eslint cache +.eslintcache + +# Optional REPL history +.node_repl_history + +# Output of 'npm pack' +*.tgz + +# Yarn Integrity file +.yarn-integrity + +# dotenv environment variables file +.env + +# next.js build output +.next diff --git a/nodejs/connector-generic/LICENSE b/nodejs/connector-generic/LICENSE new file mode 100644 index 0000000000..21071075c2 --- /dev/null +++ b/nodejs/connector-generic/LICENSE @@ -0,0 +1,21 @@ + MIT License + + Copyright (c) Microsoft Corporation. All rights reserved. + + Permission is hereby granted, free of charge, to any person obtaining a copy + of this software and associated documentation files (the "Software"), to deal + in the Software without restriction, including without limitation the rights + to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + copies of the Software, and to permit persons to whom the Software is + furnished to do so, subject to the following conditions: + + The above copyright notice and this permission notice shall be included in all + copies or substantial portions of the Software. + + THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + SOFTWARE diff --git a/nodejs/connector-generic/README.md b/nodejs/connector-generic/README.md new file mode 100644 index 0000000000..01d0f91a77 --- /dev/null +++ b/nodejs/connector-generic/README.md @@ -0,0 +1,52 @@ +# Sample Connector +This contains the source for a generic connector that's easy to customize for any system which supports webhooks. + +## Prerequisites +To complete this tutorial, you need the following tools. If you don't already have them you can install them from these links. + +* [Git](https://git-scm.com/downloads) +* [Node.js and NPM](https://nodejs.org/) +* Get any text editor or IDE. You can install and use [Visual Studio Code](https://code.visualstudio.com/download) for free. +* An Office 365 account with access to Microsoft Teams, with [sideloading enabled](https://docs.microsoft.com/microsoftteams/platform/concepts/build-and-test/prepare-your-o365-tenant#enable-custom-teams-apps-and-turn-on-custom-app-uploading). +* If you want to run this code locally, use a tunnelling service. These instructions assume you are using [ngrok](https://ngrok.com/). + +### Configure your own connector + +1. Start the tunnelling service to get an https endpoint. + 1. Open a new command prompt window. + 1. Change to the directory that contains the ngrok.exe application. + 1. In the command prompt, run the command `ngrok http 3978 --host-header=localhost`. + 1. Ngrok will fill the entire prompt window. Make note of the https:// Forwarding URL. This URL will be your [BASE_URI] referenced below. + 1. Minimize the ngrok Command Prompt window. It is no longer referenced in these instructions, but it must remain running. +1. [Register a new connector](https://docs.microsoft.com/microsoftteams/platform/webhooks-and-connectors/how-to/connectors-creating#adding-a-connector-to-your-teams-app) + 1. Open [Connector Developer Portal](https://outlook.office.com/connectors/home/login/#/new) and select New Connector. + 1. Fill in all the basic details such as name, logo, descriptions etc. for the new connector. + 1. For the configuration page, you'll use our sample code's setup endpoint: `https://[BASE_URI]/connector/setup` + 1. For Valid domains, make enter your domain's http or https URL, e.g. XXXXXXXX.ngrok.io. + 1. Click on Save. After the save completes, you will see your connector ID in address bar. +1. In the `~/views/connectorconfig.jade` file line 27 and replace `ngrokURL` to the ngrok https forwarding url from the above. +1. Install all the dependencies by running `npm install` in root directory. +1. Run the sample: `node server.js` +1. Manifest updates: + 1. Replace `ConnectorId` field in `~/app manifest/manifest.json` file with your newly registered connector ID. + 1. Select all three files (manifest.json, outline_icon.png, color_icon.png) and create a zip file. This is your Teams App Manifest package. +1. Now you can [upload your app manifest](https://docs.microsoft.com/microsoftteams/platform/concepts/deploy-and-publish/apps-upload#upload-your-package-into-a-team-using-the-apps-tab) package in a team and test your new connector by following instructions in config UI. + +## More Information +For more information about getting started with Teams, please review the following resources: +- Review [Office 365 Connectors](https://docs.microsoft.com/microsoftteams/platform/webhooks-and-connectors/how-to/connectors-creating) +- Review [Understanding Teams app capabilities](https://docs.microsoft.com/microsoftteams/platform/concepts/capabilities-overview) + +## Contributing + +This project welcomes contributions and suggestions. Most contributions require you to agree to a +Contributor License Agreement (CLA) declaring that you have the right to, and actually do, grant us +the rights to use your contribution. For details, visit https://cla.microsoft.com. + +When you submit a pull request, a CLA-bot will automatically determine whether you need to provide +a CLA and decorate the PR appropriately (e.g., label, comment). Simply follow the instructions +provided by the bot. You will only need to do this once across all repos using our CLA. + +This project has adopted the [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/). +For more information see the [Code of Conduct FAQ](https://opensource.microsoft.com/codeofconduct/faq/) or +contact [opencode@microsoft.com](mailto:opencode@microsoft.com) with any additional questions or comments. diff --git a/nodejs/connector-generic/app manifest/color_icon.png b/nodejs/connector-generic/app manifest/color_icon.png new file mode 100644 index 0000000000000000000000000000000000000000..abb50f1d0c31542f1e517c2783e5bb6aec1ecd26 GIT binary patch literal 847 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 literal 0 HcmV?d00001 diff --git a/nodejs/connector-generic/public/custom/assets/login.PNG b/nodejs/connector-generic/public/custom/assets/login.PNG new file mode 100644 index 0000000000000000000000000000000000000000..70d6a3650ce5e87ccc4b2baa83ea168c1253b3ef GIT binary patch literal 9239 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 :hover { + background-color: rgba(85, 88, 175, 0.8) !important; + color: white !important; +} +.dropdown-menu>li>a { + line-height: 32px; + padding: 0px 12px; + font-size: 1.4rem; + color: #525C6D; + border: none; + box-shadow: none; +} +.content-section { + float: left; + height: 132px; + width: 536px; + overflow: hidden; + padding: none; +} +.content-border-top { + border-top : 2px solid #eef1f5; +} +.content-border-bottom { + border-bottom : 2px solid #eef1f5; +} +.list-border-rounded { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.list-border-flat { + border-bottom-right-radius: 0px; + border-bottom-left-radius: 0px; +} +.content-container { + height: 128px; + overflow: hidden; + width: 536px; + padding-right: 0px; + background: #fff; +} +.content-container:hover { + overflow: auto; +} +.content-container::-webkit-scrollbar { + width: 10px; +} +.content-container::-webkit-scrollbar-thumb { + border-radius: 10px; + background-color: rgba(22,35,58,0.52) !important; +} +#repoList { + list-style-type: none; + padding-left: 0px; + width: 526px; +} +#NoRepoDiv { + padding-left: 12px; +} +.listitem { + color: #16233A; + line-height: 32px; + padding: 0px 4px; + font-size: 1.4rem; + cursor: pointer; +} +.listitem:hover { + background-color: rgba(85, 88, 175, 0.8) !important; + color: white !important; + cursor: pointer; +} +.highlight { + background-color: #3f487f !important; + color: #fff !important; +} + +/* Generic section styles */ +.section-caption { + color: #000; + font-size: 18Px; + font-display: bold; + margin: .5rem 0 .5rem 0; +} +.radio-section-caption { + font-size: 1.2rem; + margin: .5rem 0 .5rem 0; + color: black; +} + +/* Login area */ +.login-container { + margin: 0 0 2.0rem 0; +} +.logout-link { + margin-left: .6rem; +} + +/* Error list */ +.error-container { + display: flex; + flex-direction: column; + align-items: center; + margin-top: -2.0rem; +} +.error-title { + font-size: 1.8rem; + font-weight: 600; +} +.error-subtitle { + margin: 0 0 1.6rem 0; +} + +/* Settings area */ +.settings-container { + margin: 0 0 0 0; +} +#table-pullrequests_paginate{ + float:none !important; + width :50%; + margin: 0 auto; + text-align: center; + padding-top: 16px; + padding-bottom: 16px; +} +#table-pullrequests_paginate .paginate_button{ + border: .05px solid #000; + margin-left: 0px !important; + border-color: #e1e4e8; + border-radius: 0px; +} +.dataTables_scrollHead{ + display:none !important; +} +table.dataTable thead th, table.dataTable thead td { + line-height: 1.4286 !important; + padding: 8px ; + border-top: none !important; + border-bottom: 1px solid #F0F2F4 !important; +} +table.dataTable.no-footer { + border: none !important; +} +.dataTables_wrapper.no-footer .dataTables_scrollBody { + border: none !important; +} +.table-responsive { + border: none !important; +} +.table tbody tr td{ + line-height: 1.4286 !important; + padding: 8px ; + border-top: none !important; + border-bottom: 2px solid #F0F2F4!important; +} +table.dataTable thead .sorting { + background: none; +} +.title-container{ + font-size: 14px; + font-weight: bold; +} +.title-metadata{ + color: #525C6D !important; + font-size: 12px !important; + margin: 0px !important; +} +#settingsSection{ + background-color: #F0F2F4 !important; + padding-bottom: 16px; +} +.index-page-subtitle{ + font-size :12px; + float: right; + color:#525C6D; +} +.index-page-title{ + float: left; + font-size :18px; + color :#16233A; +} +.label-container{ + color: #16233A !important; + font-size: 15px !important; + font-weight: bold; +} +a.label-container:hover{ + cursor: pointer !important; + color: #0366d6 !important; + text-decoration: none !important; +} +a.label-container{ + text-decoration: none !important; +} +.repo-container{ + color: #525C6D !important; + font-size: 15px !important; + font-weight: bold; +} +a.repo-container:hover{ + cursor: pointer !important; + color: #0366d6 !important; + text-decoration: none !important; +} +a.repo-container{ + text-decoration: none !important; +} + +/* Sign in Container */ +.signin-container { + display: flex; + flex-direction: column; + align-items: center; + height: 350px; + width: 350px; + position: absolute !important; + top: 0 !important; + bottom: 0 !important; + left: 0 !important; + right: 0 !important; + margin: auto !important; +} +.signin-title { + font-size: 1.8rem; + font-weight: 600; +} +.signin-subtitle { + margin: 0 0 0 0; +} +.signin-lastsubtitle { + margin: 0 0 1.2rem 0; +} +.signin-img { + height: 64px; + width : 64px; + margin-bottom: 24px; + border-radius: 3px; +} +.connector-img { + width : 600px; + margin-bottom: 24px; + margin-bottom: 24px; + border-radius: 3px; +} +.list-item-image { + width: 26px; + height: 26px; +} +.image-div { + padding-top: 4px !important; + vertical-align: top !important; +} +.error-message-container { + display: flex; + flex-direction: column; + align-items: center; + height: 500px; + width: 500px; + position: absolute !important; + top: 0 !important; + bottom: 0 !important; + left: 0 !important; + right: 0 !important; + margin: auto !important; +} +.message-img { + height: 280px; + width : 280px; + margin-bottom: 24px; + border-radius: 3px; +} +.message-title { + font-size: 24px; + font-weight: 600; + text-align: center; +} +.message-subtitle { + margin: 0 0 0 0; +} +/* Spinner */ +.loader { + position: absolute; + left: 50%; + top: 50%; + z-index: 1; + width: 60px; + height: 60px; + margin: -75px 0 0 -75px; + border: 6px solid #f3f3f3; + border-radius: 50%; + border-top: 6px solid rgba(85, 88, 175, 0.8) !important; + width: 60px; + height: 60px; + -webkit-animation: spin 2s linear infinite; + animation: spin 2s linear infinite; +} + +@-webkit-keyframes spin { + 0% { -webkit-transform: rotate(0deg); } + 100% { -webkit-transform: rotate(360deg); } +} + +@keyframes spin { + 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } +} + +/* Dark theme overides */ +body.theme-dark { + background: #404045; + color: #fff; +} +.theme-dark a { + color: #9fa4fe; +} +.theme-dark .form-control { + background: #2b2b30; + color: #fff; +} +.theme-dark .ts-btn-primary { + background: #9fa4fe; + color: #2b2b30; +} +.theme-dark .ts-btn-primary:focus, +.theme-dark .ts-btn-primary:hover { + background: #696cb9; + color: #fff; + cursor: pointer; +} +.theme-dark .section-caption { + color: rgba(255,255,255,.74); +} +.theme-dark #repo-choice-button { + background-color:#2B2B30; + color: #fff !important; +} +.theme-dark #page-choice-button { + background-color:#2B2B30; + color: #fff !important; +} +.theme-dark .dropdown-menu { + background-color:#2B2B30; + color: #fff !important; +} +.theme-dark .dropdown-menu>li>a { + color: #fff !important; +} +.theme-dark .dropdown-menu>li :hover { + background-color: rgba(85, 88, 175, 0.8) !important; + color: #fff !important; +} +.theme-dark .content-section { + background: #404045; +} +.theme-dark .content-border-top { + border-top : 2px solid rgba(0, 0, 0, .14); +} +.theme-dark .content-border-bottom { + border-bottom : 2px solid rgba(0, 0, 0, .14); +} +.theme-dark .content-container { + background: #404045; +} +.theme-dark .content-container::-webkit-scrollbar-thumb { + background-color: rgba(255,255,255,0.52) !important; +} +.theme-dark .listitem:hover { + color: #fff !important; +} +.theme-dark .listitem { + color: #fff !important; +} +.theme-dark .highlight { + background-color: #3f487f !important;; + color: #fff !important; +} +.theme-dark #settingsSection{ + background-color: #2b2b30 !important; +} +.theme-dark .index-page-subtitle{ + color: #fff; +} +.theme-dark .index-page-title{ + color: #fff; +} +.theme-dark .dataTables_paginate .paginate_button { + color: #fff !important; +} + +/* High-contrast theme overides */ +body.theme-contrast { + background: #000; + color: #fff; +} +.theme-contrast a { + color: #ffff01; +} +.theme-contrast .form-control { + background: #000; + color: #fff; +} +.theme-contrast .ts-btn-primary { + background: #000; + border: .2rem solid #fff; + color: #fff; +} +.theme-contrast .ts-btn-primary:focus, +.theme-contrast .ts-btn-primary:hover { + background: #ffff01; + color: #000; + cursor: pointer; +} +.theme-contrast .section-caption { + color: #fff; +} +.theme-contrast #repo-choice-button { + background-color: #000; + border: 1px solid #fff; + color: #fff !important; +} +.theme-contrast #page-choice-button { + background-color: #000; + border: 1px solid #fff; + color: #fff !important; +} +.theme-contrast .dropdown-menu { + background-color:#000; + border: 1px solid #fff; +} +.theme-contrast .dropdown-menu>li>a { + background-color:#000; + color: #fff !important; +} +.theme-contrast .dropdown-menu>li :hover { + background-color: #ffff01 !important; + color: #000 !important; +} +.theme-contrast .content-section { + background: #000; +} +.theme-contrast .content-container { + background: #000; +} +.theme-contrast .content-container::-webkit-scrollbar-thumb { + background-color :#fff !important; +} +.theme-contrast .content-border-top { + border-top : 2px solid #fff; +} +.theme-contrast .content-border-bottom { + border-bottom : 2px solid #fff +} +.theme-contrast .listitem { + color: #fff !important; +} +.theme-contrast .listitem:hover { + background-color: #ffff01 !important; + color: #000 !important; +} +.theme-contrast .highlight { + background-color: #1aebff !important;; + color: #000 !important; +} +.theme-contrast #settingsSection{ + background-color: #000 !important; +} +.theme-contrast .index-page-subtitle{ + color: #fff; +} +.theme-contrast .index-page-title{ + color : #fff; +} +.theme-contrast .dataTables_paginate .paginate_button { + color: #fff !important; +} \ No newline at end of file diff --git a/nodejs/connector-generic/public/custom/js/connectorTabConfig.js b/nodejs/connector-generic/public/custom/js/connectorTabConfig.js new file mode 100644 index 0000000000..c11d0c6450 --- /dev/null +++ b/nodejs/connector-generic/public/custom/js/connectorTabConfig.js @@ -0,0 +1,6 @@ +$(document).ready(function () { + microsoftTeams.settings.getSettings(function (settings) { + document.getElementById("webhook").value = settings.webhookUrl; + microsoftTeams.settings.setValidityState(true); + }); +}); \ No newline at end of file diff --git a/nodejs/connector-generic/public/custom/js/theme.js b/nodejs/connector-generic/public/custom/js/theme.js new file mode 100644 index 0000000000..3bbae950f8 --- /dev/null +++ b/nodejs/connector-generic/public/custom/js/theme.js @@ -0,0 +1,41 @@ +/** + * Class for managing Microsoft Teams themes + * idea borrowed from the Dizz: https://github.com/richdizz/Microsoft-Teams-Tab-Themes/blob/master/app/config.html + * Updated on 4/27/17 to use a hierarchical styles approach with a simple stylesheet + */ +var TeamsTheme = (function () { + function TeamsTheme() { + } + /** + * Set up themes on a page + */ + TeamsTheme.fix = function (context) { + microsoftTeams.initialize(); + microsoftTeams.registerOnThemeChangeHandler(TeamsTheme.themeChanged); + if (context) { + TeamsTheme.themeChanged(context.theme); + } + else { + microsoftTeams.getContext(function (context) { + TeamsTheme.themeChanged(context.theme); + }); + } + }; + /** + * Manages theme changes + * @param theme default|contrast|dark + */ + TeamsTheme.themeChanged = function (theme) { + var bodyElement = document.getElementsByTagName("body")[0]; + switch (theme) { + case "dark": + case "contrast": + bodyElement.className = "theme-" + theme; + break; + case "default": + bodyElement.className = ""; + } + }; + return TeamsTheme; +}()); + diff --git a/nodejs/connector-generic/server.js b/nodejs/connector-generic/server.js new file mode 100644 index 0000000000..52b55ccb56 --- /dev/null +++ b/nodejs/connector-generic/server.js @@ -0,0 +1,40 @@ +var express = require('express'), + bodyParser = require('body-parser'), + cookieParser = require('cookie-parser'), + session = require('express-session'); + +var app = express(); + +app.set('views', __dirname + '/views'); +app.set('view engine', 'jade'); + +app.use(express.static(__dirname + '/public')); + +app.use(session({ + secret: "random", + saveUninitialized: true, + resave: true +})); + +// This is used to prevent your tabs from being embedded in other systems than Microsoft Teams +app.use(function (req, res, next) { + res.setHeader("Content-Security-Policy", "frame-ancestors teams.microsoft.com *.teams.microsoft.com *.skype.com"); + res.setHeader("X-Frame-Options", "ALLOW-FROM https://teams.microsoft.com/."); // IE11 + return next(); +}); + +app.get('/connectorconfig', function (req, res) { + renderView(req, res, 'connectorconfig.jade', { user: req.user }); +}); + +function renderView(req, res, view, locals) { + if (locals === undefined) { + locals = {}; + } + res.render(view, locals); +} + +var port = process.env.port || 3978; +app.listen(port, function () { + console.log('Listening on http://localhost:' + port); +}); \ No newline at end of file diff --git a/nodejs/connector-generic/views/connectorconfig.jade b/nodejs/connector-generic/views/connectorconfig.jade new file mode 100644 index 0000000000..f2eb276194 --- /dev/null +++ b/nodejs/connector-generic/views/connectorconfig.jade @@ -0,0 +1,67 @@ +doctype html + +html(lang="en") + head + title Notify Me - Microsoft Teams + meta(charset="utf-8") + meta(http-equiv="X-UA-Compatible", content="IE=edge") + meta(name="viewport", content="width=device-width, initial-scale=1") + link(href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css", rel="stylesheet") + link(href="/custom/css/msteams-app.css", rel="stylesheet") + script(src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js") + script(src="https://statics.teams.microsoft.com/sdk/v1.0/js/MicrosoftTeams.min.js") + script(src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js") + script(src="/custom/js/theme.js") + script(src="/custom/js/connectorTabConfig.js") + body + script. + microsoftTeams.initialize(); + + microsoftTeams.getContext(function (context) { + TeamsTheme.fix(context); + }); + + microsoftTeams.settings.registerOnSaveHandler(function(saveEvent) { + microsoftTeams.settings.setSettings({ + entityId: "bing", + contentUrl: "[ngrokURL]/connectorconfig", + configName: "bing" + }); + saveEvent.notifySuccess(); + }); + + microsoftTeams.settings.registerOnRemoveHandler(function (removeEvent) { + alert("remove"); + }); + + div.settings-container + div.settings-section + div.section-caption 1. Get the incoming webhook URL for your Connector. + div.form-field-title + div Each time a unique webhook Url for a channel is created, which can be accessed through Teams client SDK (getSettings). Copy the following URL to save it to the Clipboard. You'll need this URL when you configure the connector. + p(style='white-space:pre;') + div.form-group + input#webhook(type='text' readonly) + button.ts-btn.ts-btn-primary(type='button', onclick='copyWebhookToClipborad()') Copy Text + div.section-caption 2. Instructions. + div.form-field-title + div a) Get the user authenticated using Teams client SDK, if needed, before displaying the webhook URL. Like below + p(style='white-space:pre;') + img.connector-img(src='/custom/assets/login.png') + div b) Provide a configuration experience to the user and save it in your database. Like below + p(style='white-space:pre;') + img.connector-img(src='/custom/assets/config.png') + div.form-field-title + div c) The above url can be stored in your database/service to send any notification to that particular channel. It can be quickly tested using Curl/Postman by posting any connector card from Card Playground + + script(type='text/javascript'). + function copyWebhookToClipborad() { + var copyText = document.getElementById("webhook"); + copyText.select(); + document.execCommand("copy"); + if(copyText.value.length<=0) + { + alert("Some Error"); + } + } + diff --git a/nodejs/connector-generic/web.config b/nodejs/connector-generic/web.config new file mode 100644 index 0000000000..0600bef19a --- /dev/null +++ b/nodejs/connector-generic/web.config @@ -0,0 +1,55 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file