Gitter API: Post messages to room

by 亮 薛

HTML

<input type="text" class="gitter-auth-token-input" placeholder="personal auth token">
<input type="text" class="gitter-room-id-input" placeholder="room id">
<input type="text" class="gitter-message-input" placeholder="message">
    
<button class="js-send-message">Send Messages</button>

<section class="gitter-request-result"></section>

CSS

.gitter-request-result {
    white-space: pre;
}

JavaScript

$('.js-send-message').on('click', function() {
    
    var authToken = $('.gitter-auth-token-input').val();
    var roomId = $('.gitter-room-id-input').val();
    var message = $('.gitter-message-input').val();
    
    var result = fetch(
        'https://api.gitter.im/v1/rooms/' + roomId + '/chatMessages?access_token=' + authToken,
        {
            method: 'POST',
            headers: {
                'Accept': 'application/json',
                'Content-Type': 'application/json'
            },
            body: JSON.stringify({
                text: message
            })
        }
    );
        
    result
        .then(function(response) {
            return response.json();
        })
        .then(function(res) {
            console.log(res);
            $('.gitter-request-result').html(JSON.stringify(res, null, '\t'));
        })
        .catch(function(err) {
            console.log('Error fetching:', err);
            $('.gitter-request-result').html(JSON.stringify(err, null, '\t'));
        });
});