English Title
简体标题
type
Post
status
Published
date
Apr 5, 2022
slug
notionnext-facebook-customer-chat-bubble
summary
當我們打開 Facebook 的時候,我們最喜歡打開右下角的聊天氣泡,開始跟朋友聊天!
🪴 開發點子萌芽
<aside>
😥 一個人寫 Blog 很孤單,一個人看 Blog 很乏味!
</aside>如果可以在 Blog 跟作者聊天,會不會很讚?
📣 Introducing Facebook Customer Chat for NotionNext!
我找了好多個 Facebook Customer Chat 插件,一直放在
__document.js
Next.js
便不會跑起來。
終於在 __app.js
內,插件終於跑起來了!
🔨 功用
Facebook Messenger 懸浮氣泡聊天的功能
這個插件使得 NotionNext
有 Facebook 懸浮氣泡聊天的功能,讓使用者更方便的跟粉絲專頁的作者溝通!
📝 使用須知
使用此插件必須要更改 next.config.js
的 CORS
設定
這個插件應該在伺服器端必須關閉,但是經過我的測試,若使用 Next.js
的 dynamic import
或是 &&
來檢查參數,插件便不會執行。
📡 Future work
大家可以看一下怎麼讓 dynamic import 和 env code 檢查可以跑起來,感謝!
🤔 結論
歡迎大家到 tw.andys.pro 跟我用 Facebook Messenger Chat 聊天!
看看我的 GitHub PR 😃tags
Github
開源貢獻
NotionNext
Next.js
Facebook
Messenger
Chat
部落格
Blog
架站
開發
程式
Javascript
category
程式開發
blog
youtube
link
Property
Bilibili
TikTok
抖音
icon
當我們打開 Facebook 的時候,我們最喜歡打開右下角的聊天氣泡,開始跟朋友聊天!
🪴 開發點子萌芽
一個人寫 Blog 很孤單,一個人看 Blog 很乏味!
💡 如果可以在 Blog 跟作者聊天,會不會很讚?
📣 Introducing Facebook Customer Chat for NotionNext!
我找了好多個 Facebook Customer Chat 插件,一直放在
__document.js
Next.js
便不會跑起來。終於在
__app.js
內,插件終於跑起來了!🔨 功用
💬 Facebook Messenger 懸浮氣泡聊天的功能
這個插件使得
NotionNext
有 Facebook 懸浮氣泡聊天的功能,讓使用者更方便的跟粉絲專頁的作者溝通!📝 使用須知
使用此插件必須要更改
next.config.js
的 CORS
設定
這個插件應該在伺服器端必須關閉,但是經過我的測試,若使用 Next.js
的 dynamic import
或是 &&
來檢查參數,插件便不會執行。重現這個插件不能用 localhost 開發,要使用 ngrok 並在 developer.facebook.com 內將域名加入,Facebook 才會打開 API ,讓聊天視窗可以啟用!
📡 Future work
🤔 結論
歡迎大家到 tw.andys.pro 跟我用 Facebook Messenger Chat 聊天!
看看我的 GitHub PR 😃
Reference
- Author:Andy
- URL:https://tw.andys.pro/article/notionnext-facebook-customer-chat-bubble
- Copyright:All articles in this blog, except for special statements, adopt BY-NC-SA agreement. Please indicate the source!
Relate Posts
2023-02-26
如何在 Apple TV 4K 上開啟 Fitness + 保持健康
2022-05-23
美化 Prism.js 擁有漂亮的 Mac 風格視窗與 One Dark 主題,讓程式部落格更好看!
2022-04-22
YouTube Player for NotionNext
2022-04-18
NotionNext 加入側欄 Facebook Fan Page 小工具
2022-04-11
如何喚起 Facebook comment plugin?
2022-04-04
Next.js Eslint 報錯: Missing space before function parentheses in VS Code
留言區
如果你想使用 Facebook, Google, Twitter 帳號留言,或是匿名分享,可以使用 Disqus 留言。
擁有 Facebook 帳號的朋友可以使用 Facbook 原生社群插件留言。
若是有 Github 帳號可以使用 Giscus 留言!