首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >websockets javascript mapbox

websockets javascript mapbox
EN

Stack Overflow用户
提问于 2016-04-18 18:51:22
回答 1查看 816关注 0票数 1

相对论新编码,并发现,我学习最多的肌肉通过一个问题,但需要一些指点。

我的项目有两个部分。深入研究社区的响应性地图(这是团队正在构建的)和第二张地图,它在全屏显示地图,标记出现并消失,以显示用户单击每个社区时的活动。我在自己的服务器上有第二张地图。生产地图将需要传递一个Lat,长的对象,我已经知道如何收集这些坐标。

1)我相信我需要一个websocket来连接这两者。有人能传递具体的例子吗?如何将传递对象的两个实例连接起来?

2)在服务器上有Lat,Long对象之后,如何将它从websocket应用程序传递到我的javascript文件中?还是让我的javascript文件侦听消息的新实例?

谢谢!

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-04-18 19:18:32

Websockets本质上是双向的,一旦激活..。也就是说交通可以从任何一方开始..。一旦打开,websocket连接是持久的,因此即使在不处理流量时也要保持打开。

下面是定义WebSocket服务器端的整个nodejs代码

代码语言:javascript
复制
var websocker_server = function() {

    "use strict";

    var port = 8888;

    console.log('listening on    localhost:' + port + '\n');

    var WebSocketServer = require('ws').Server;

    var wss = new WebSocketServer({ port: port });

    wss.on('connection', function connection(ws) {

        ws.send('this message was sent from server side to client');


        ws.on('message', function incoming(message) {
        console.log('received: %s', message);
        });

        // ---

        ws.on("error", function(event) {

            var error_msg = "ERROR on on on error : " + event;
            console.error(error_msg);
        });

        // ---

        ws.on("close", function() {

            console.log("websocket connection close");
        });

    });

}(); //  websocker_server = function()

现在,我用内联javascript展示了整个html,它定义了一个基本的浏览器端WebSocket客户端。

代码语言:javascript
复制
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>bare bones websocket with nodejs serverside</title>

<script type="text/javascript">

    var websocket_connection = (function() {

        var web_socket = new WebSocket('ws://127.0.0.1:8888');

        web_socket.onopen = function (event) {

          web_socket.send("Here's some text client has sent to server upon socket open event!"); 
        };

        web_socket.onmessage = function (event) {
          console.log(event.data);
        }

    }());   //   websocket_connection

</script>

</head>
<body>
</body>
</html>

总体情况是首先启动nodejs服务器端,该服务器端监听端口8888 .然后从httpd服务器运行html,这样您就可以将浏览器指向其代码.浏览器客户端启动WebSocket连接,该连接一旦打开,则允许向任意方向发送消息.我建议您首先使用这里概述的文本格式消息来实现此工作,如果需要,如果您的消息开始变得复杂,可以使用JSON格式。

我在这里张贴了所有这些代码和支持指令作为回购。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/36702065

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档