I want to use DirectLine/Webchat on my Website. Now I’m onto connecting the Bot, i made the GUI and its working fine but i can’t connect it. I’ll show my JS Code and my Controller (controller is trying to do the token inquiry, so JS can work with it)
JS:
<script>
document.addEventListener('DOMContentLoaded', function() {
const botDiv = document.getElementById('bot-div');
const botHeader = document.getElementById('bot-header');
const webchat = document.getElementById('webchat');
botHeader.addEventListener('click', toggleBotWindow);
function toggleBotWindow() {
const isCollapsed = botDiv.classList.toggle('collapsed');
botDiv.setAttribute('aria-expanded', !isCollapsed);
webchat.classList.toggle('hidden', isCollapsed)
}
async function fetchToken() {
const response = await fetcher.postJson('/ChatBot/GetToken');
const tokenData = await response.json();
return tokenData.token;
}
async function inittalizeBot() {
try {
const token = fetchToken();
window.WebChat.renderWebChat({
directLine: window.WebChat.createDirectLine({
token: token
}),
userID: 'YOUR_USER_ID', //optional
username: 'Web Chat User', //optional
locale: 'en-US'
}, webchat);
const styleSet = window.WebChat.createStyleSet({
rootHeight: '100%',
rootWidth: '50%',
backgroundColor: 'azure2'
});
} catch (error) {
console.error('Fehler Erstellen des Bots', error);
}
}
inittalizeBot();
});
</script>
using System.Net.Http;
using System.Threading.Tasks;
using System.Web.Mvc;
using Newtonsoft.Json.Linq;
namespace Web.Controllers
{
public class ChatBotController : Controller
{
private readonly string directLineSecret = "Imagine my Secret here";
[HttpPost]
public async Task<JsonResult> GetToken()
{
using (var client = new HttpClient())
{
client.DefaultRequestHeaders.Authorization = new System.Net.Http.Headers.AuthenticationHeaderValue("Bearer", directLineSecret);
var response = await client.PostAsync("https://directline.botframework.com/v3/directline/tokens/generate", null);
if (response.IsSuccessStatusCode)
{
var tokenResponse = await response.Content.ReadAsStringAsync();
var token = JObject.Parse(tokenResponse)["token"].ToString();
return Json(new { token });
}
return Json(new { error = "Unable to generate token" });
}
}
}
}
I tried it multiple times with some other code but it won’t, maybe im just not seeing something?
If im doing the inquiry with my GIT Bash it work and gives me back a Token.
I want to get the same Token from my Controller. Maybe you see my mistake.
