手机App扫描多个网站显示的二维码的数据结构设计

为了支持Mobile App和Web shop多对多的关系，后台Web Socket服务器我会维护如下的数据结构，

其实就是一个hashmap，key是web shop的SourceID，也可称为SiteID，例如”Nike”,”Adi”这种。值就是对每个web shop，已经使用手机App进行互动过的用户信息的集合，即一个JavaScript数组。这个数组的每个元素是一个JavaScript对象，有两个字段，UserID是用户的唯一标识，而socket_id就是我们nodejs代码里进行套接字编程的数据结构。

因为手机App和后台服务器通讯不是TCP，而是HTTP，所以可以不用socket_id

clipboard1

web shop源代码只有一套，比如demo的时候起三个web shop，用命令行启动三个web shop实例:

比方

Npm run serve -SourceID = Nike Npm run serve -SourceID = Adi Npm run serve -SourceID = Speedo

clipboard2

这样渲染出来的网站，相关的标签文本是动态渲染的，值就从npm run serve传的SourceID参数而来。

每一个Vue网站启动后，它自己肯定知道自己是Nike，Adi还是Speedo，这些网站连接上后台WebSocket服务器后，首先发一个handshake的请求给WebSocket服务器，payload就只有SourceID = Nike这一条记录。WebSocket服务器接收到之后，在hashmap里分配一条空记录：

clipboard3

接下来用户A和用户B同时走到展台前，用手机App扫描其中一台电脑上显示的Nike QR code。后台服务器就会把这两个用户对应的信息写到hashmap key=Nike的条目里。