Integrating Web Chat using React getting 403 Authorization error

Hi Below is the code I have adapted from https://github.com/microsoft/BotFramework-WebChat/tree/master/samples/03.a.host-with-react

<!DOCTYPE html> <html lang="en-US">   <head>     <title>Web Chat: Integrate with React</title>     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <!--       For simplicity and code clarity, we are using Babel and React from unpkg.com.     -->     <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>     <script src="https://unpkg.com/react@16.5.0/umd/react.development.js"></script>     <script src="https://unpkg.com/react-dom@16.5.0/umd/react-dom.development.js"></script>     <!--       For demonstration purposes, we are using the development branch of Web Chat at "/master/webchat.js".       When you are using Web Chat for production, you should use the latest stable release at "/latest/webchat.js",       or lock down on a specific version with the following format: "/4.1.0/webchat.js".     -->     <script src="https://cdn.botframework.com/botframework-webchat/master/webchat.js"></script>     <style>       html, body { height: 100% }       body { margin: 0 }        #webchat {         height: 100%;         width: 100%;       }     </style>   </head>   <body>     <div id="webchat" role="main"></div>     <script type="text/babel">         (async function () {         // In this demo, we are using Direct Line token from MockBot.         // To talk to your bot, you should use the token exchanged using your Direct Line secret.         // You should never put the Direct Line secret in the browser or client app.          const headers = {"Authorization", "Bearer <'secret key'>"}         const res = await fetch('https://directline.botframework.com/v3/directline/tokens/generate', { method: 'POST' }, {Headers:headers} );          const { token } = await res.json();         const { ReactWebChat } = window.WebChat;          window.ReactDOM.render(         <ReactWebChat directLine={ window.WebChat.createDirectLine({ token }) } />,         document.getElementById('webchat')         );          document.querySelector('#webchat > *').focus();         })().catch(err => console.error(err));     </script>   </body> </html> 

Below is the Error I am getting enter image description here

Simple Chat Web App Idea

Hi,

The idea is to get a fully functional chat app using nothing but a text file on a server, AJAX and localStorage.

This is my idea:

Simple Chat App

Https connection
Server: text file.

Code:
Ajax to update the text file.

On send execute a function

Function

  • Override the contents of the text file.
  • Pull the contents of the text file onto the webpage.
  • Store the content to localStorage.

Would this work?

Regards,
Chris

For encrypted chat app, how can I store sent messages so that they are encrypted but still can be viewed by the sender?

Actual implimentaton will be in android but this is more about general security than actual implimentaton details. I’m making an end-to-end encrypted chat app and I know that in order to send encrypted messages you have to encrypt the message with the receiver’s public key and they will decrypt it with their private key.

What I’m stuck on is that once I store this encrypted message on the server, the sender will not be able to read their own sent messages because the messages will require the receiver’s private key – which they wont have access to. The result is that inside the chat app the sender wont be able to see the actual contents of any of the messages they send, they would only be able to view messages that are sent to them from other users.

Clearly I’d like users to be able to see the entirety of the conversation history, not just recieved messages. I think what I might be getting at is how do I can I store sent messages so that they can be decrypted by both the sender and receiver? Or if I’m thinking about it incorrectly then what is the correct way to solve this problem?

Is Linking to a Contact Form a Web Accessible Solution for a Live Chat Button?

I have a website that has a “Contact Us” button that opens a live chat window. It looks like this:

Screenshot of Blank Website in Chrome with "Contact Us" Button on Bottom Right

This particular live chat provider is not accessible to those with disabilities. We contacted them and they said they’re going to work on it eventually, but not anytime soon.

Rather than switch live chat providers, I was thinking of providing some alternative to those with disabilities. For example, a link to our contact us page, which has a contact form that is accessible.

To be clear, this alternative would be in addition to the existing live chat button. So those who do not have disabilities could use the live chat, while those with disabilities would use the contact form.

If it matters, we’re aiming for WCAG 2.0 AA compliance.

If you were making this live chat accessible, what would you do?

download aplikasi sms chat java

Press the "Download Now" button to download aplikasi sms chat java downloader.
The whole process will just take a few moments.

[​IMG]

Mirror Link —> DOWNLOAD APLIKASI SMS CHAT JAVA

– Title: aplikasi sms chat java
– Download type: safety (no viruses)
– Status file: clean (as of last analysis)
– File size: undefined
– Price:…

download aplikasi sms chat java

Where should I position CTA or link for finishing chat conversation?

This “Zavrsi!” is link to feedback section of chat and that link should finish chat. Where should I put that button? There will be messages in the left side from customer support. Also I cant add that button to the header of chat, because I have logo and button for closing chat modal. “Napisite Vasu poruku” is placeholder for input field.

Whatsapp Web redirecting Issue when using ‘Click to chat’

I think there is a bug on web whatssap on the redirection to chat using ‘Click to chat’. If I create a redirect with the link

   https://wa.me/15551234567?text=I'm%20interested%20in%20your%20car%20for%20sale 

It redirects to web.whatssap but it does not redirect to the new chat with the number passed.It is a bug or I am doing something wrong?

thanks

Whatsapp Web redirecting Issue when using ‘Click to chat’

I think there is a bug on web whatssap on the redirection to chat using ‘Click to chat’. If I create a redirect with the link

   https://wa.me/15551234567?text=I'm%20interested%20in%20your%20car%20for%20sale 

It redirects to web.whatssap but it does not redirect to the new chat with the number passed.It is a bug or I am doing something wrong?

thanks