lhttp-web-demo

KO | EN

gitlite — search

#python #hacktoberfest #ai #llm #golang #machine-learning #rust #macos #java #windows #awesome #vue #security #pytorch

(★ 14)

a chat room demo of lhttp

lhttp-web-demo 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# lhttp-web-demo :dog:
We recommend some webframeworks like [vue.js](http://vuejs.org.cn/) or [angular](https://angularjs.org/)
###just clone the code, and open index.html in your browser!
![chat-demo](https://github.com/fanux/lhttp-web-demo/blob/master/web-demo.gif)

###index.html:
```javascript
<head>
    <script src="./lhttp-client.js"></script>
    <script src="./vue.min.js"></script>
</head>

<body id="chat">
    <ul>
        <li v-for="m in messages">
            {{m}}
        </li>
    </ul>
    <input v-model="message"> <button v-on:click="send">Send</button>
</body>
<script type="text/javascript">
var lhttp_client = new Lhttp("ws://yourIp:yourLhttpPort/");
new Vue({
    el:"#chat",
    data:{
        messages:[]
    },
    methods:{
        send:function(){
            lhttp_client.context.publish("chatroom", "chat", null, this.message);
            this.message = "";
        }
    },
    created:function() {
        var _this = this;
        lhttp_client.on_message = function(context) {
            console.log("on message: " + context.getBody());
            if (context.getBody() != "") {
                _this.messages.push(context.getBody());
            }
        }
    }
})
lhttp_client.on_open = function(context) {
    context.subscribe("chatroom", "chat", null, "");
}
</script>
```
# more infomation about the [chat server](https://github.com/fanux/lhttp) and the [javascript sdk](https://github.com/fanux/lhttp-javascript-sdk)

lhttp-web-demo

lhttp-web-demo 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

lhttp-web-demo

lhttp-web-demo 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README