react-messenger | Chat UX components built with React , inspired by Facebook | Frontend Framework library
kandi X-RAY | react-messenger Summary
kandi X-RAY | react-messenger Summary
This project uses React and CSS to recreate the Facebook Messenger web application. It is in its early stages but most of the building blocks are in place. THIS IS NOT AN OFFICIAL FACEBOOK PRODUCT NOR IS IT MAINTAINED BY ANY FACEBOOK EMPLOYEES.
Support
Quality
Security
License
Reuse
Top functions reviewed by kandi - BETA
- Register a swagger to service .
- Register a service worker
- Checks the service to see if it is reloaded
- registers service worker
react-messenger Key Features
react-messenger Examples and Code Snippets
Community Discussions
Trending Discussions on react-messenger
QUESTION
does someone encounter this problem while installing - react-messenger-customer-chat? [Next.js, tailwind] Here is github repo: https://github.com/Yoctol/react-messenger-customer-chat
package.json
...ANSWER
Answered 2021-Jun-14 at 11:20The problem is here:
QUESTION
I would like to integrate the Facebook customer chat plugin in a React web application.
App runs in development mode on the URL: http://localhost:3000/
Used npm package: react-messenger-customer-chat
Created a new Facebook App and Facebook Site with the same name, and connected them in Facebook for Developers.
Stored the App ID and the Page ID on the React side.
Added in Settings -> Basic -> App Domains: localhost (typed in "http://localhost:3000/ but was saved as "localhost"
Added a new platform -> Website: http://localhost:3000/
Whitelisted on the Messenger Platform -> Advanced Settings -> Whitelisted Domains: http://127.0.0.1:3000/, https://127.0.0.1:3000/, https://127.0.0.1:3000/, https://127.0.0.1/
Set up the React code, passed in the arguments to the new component. After reloading, I get a 200 response from Facebook but an empty div is shown in the site, and I could not manage to make it work (even tried with pure Javascript scripts or created a Test App).
Used in App.js:
...ANSWER
Answered 2020-Oct-22 at 19:01Domain name as "localhost" is not an option when developing and testing a React application with the Facebook Chat Plugin.
- In the operation system hosts file have to add a new entry, for example: 127.0.0.1 react-with-chat-app.com
- On Windows run command prompt as administrator with ipconfig /flushdns command.
- Add .env file in the root of the React project, and add your new hostname: HOST=react-with-chat-app.com
- Add http://react-with-chat.com/ to the Facebook Site whitelist domains array, and change the Facebook App's website also to http://react-with-chat.com/.
- Restart React application, and access using: http://react-with-chat-app.com:3000, and test the chat functionality.
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install react-messenger
Support
Reuse Trending Solutions
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesStay Updated
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page