reactjs - 如何在 React 中使用 API webhook 来接收通知

Question

这是我第一次使用 Webhooks，我想知道是否可以接收来自 Webhooks 订阅的通知。我正在为我的项目使用 create-react-app，并希望在每次提交到我的 github 存储库时使用 github 的 Webhooks 订阅来发送警报。我将如何处理这个项目以及我需要做什么来测试我的 Webhooks 订阅？

Answer 1

我希望这个提示有帮助！不要忘记投票加强。让我们开始吧...

我建议使用 Web 套接字，您的应用程序将在其中监听后端。

这将阻止您为后端创建请求循环。

附加信息...

React 只消费信息，谁提供和控制只是后端。

希望这可以帮助。成功！

class Main extends Component {
    ......
    // instance of websocket connection as a class property
    ws = new WebSocket('ws://localhost:3000/ws')
    componentDidMount() {
        this.ws.onopen = () => {
        // on connecting, do nothing but log it to the console
        console.log('connected')
        }
        this.ws.onmessage = evt => {
        // listen to data sent from the websocket server
        const message = JSON.parse(evt.data)
        this.setState({dataFromServer: message})
        console.log(message)
        }
        this.ws.onclose = () => {
        console.log('disconnected')
        // automatically try to reconnect on connection loss
        }
    }
    render(){
        <ChildComponent websocket={this.ws} />
    }
}

在示例中，我使用了一个类组件。利用现代特性的一个技巧是从功能组件开始。