Cross-data NPM

cross-data

跨域数据共享方案,突破浏览器同源限制，共享localStorage数据；

安装

npm install --save cross-data 
# or
yarn add cross-data

实现效果

cross-data

使用方法

创建hub.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Hub</title>

</head>

<body>

    <script src="../dist/hub.js"></script>

    <script>
        new Hub(safeDomain, prefix);

    </script>
</body>

</html>

项目中添加client

import Client from 'cross-data/dist/client.js';

const client = new Client({
    iframeUrl: 'https://test.example.com/hub.html'  // hub.html文件的目录
})

// 写数据
client.set(key, value).then(res => {
    console.log('操作成功')
})
// 读数据
client.get(key).then(data => {
    console.log(data)
})

API介绍

new hub() 参数
参数名类型说明默认值
safeDomain RegExp 域名白名单，正则表达式 /.*/
prefix String key前缀空
client API方法
- set(key, value): 设置数据
- get(key): 获取数据
- remove(key): 删除数据
- clear(): 清空所有数据
以上api都返回一个Promise对象

参数名	类型	说明	默认值
safeDomain	RegExp	域名白名单，正则表达式	/.*/
prefix	String	key前缀	空

cross

@everything-registry/sub-chunk-1414 @zalastax/nolb-cros

1.0.2

5 years ago

1.0.1

5 years ago

1.0.0

5 years ago