react-messenger-customer-chat | React component for messenger customer chat plugin | Bot library
kandi X-RAY | react-messenger-customer-chat Summary
kandi X-RAY | react-messenger-customer-chat Summary
React component for Messenger customer chat plugin.
Support
Quality
Security
License
Reuse
Top functions reviewed by kandi - BETA
- Register new swagger worker
- Checks if a service is reloaded
- Unregister the service worker
react-messenger-customer-chat Key Features
react-messenger-customer-chat Examples and Code Snippets
Community Discussions
Trending Discussions on react-messenger-customer-chat
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-customer-chat
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