数据可视化工具JSON Crack结合内网穿透实现公网访问

文章目录

    • 1. 在Linux上使用Docker安装JSONCrack
    • 2. 安装Cpolar内网穿透工具
    • 3. 配置JSON Crack界面公网地址
    • 4. 远程访问 JSONCrack 界面
    • 5. 固定 JSONCrack公网地址

JSON Crack 是一款免费的开源数据可视化应用程序，能够将 JSON、YAML、XML、CSV 等数据格式可视化为交互式图表。凭借其直观且用户友好的界面，JSON Crack 可以轻松探索、分析和理解即使是最复杂的数据结构。使用JSONCrack并结合cpolar内网穿透工具还能实现团队在公网上进行远程协作，能更好的提高工作效率！

1. 在Linux上使用Docker安装JSONCrack

下载JSONCrack源代码：

wget https://github.com/AykutSarac/jsoncrack.com/archive/refs/tags/v3.2.0.zip

进行解压缩

unzip v3.2.0.zip

本地编译容器

sudo docker build -t jsoncrack .

在本地运行端口号为8888的 JSONCrack

docker-compose up -d

浏览器访问 http://localhost:8888

387c460c63d38b7b1277aadbef0d57c

我们运行 JSON Crack 后,在浏览器输入Linux局域网IP加8888端口,即可成功访问 JSON Crack 管理界面,下面安装介绍安装Cpolar内网穿透工具,实现无公网也可以远程访问本地 JSON Crack 界面

2. 安装Cpolar内网穿透工具

上面在本地Docker中成功部署了 JSON Crack ,并局域网访问成功,下面我们在Linux安装Cpolar内网穿透工具,通过Cpolar 转发本地端口映射的http公网地址,我们可以很容易实现远程访问,而无需自己注册域名购买云服务器.下面是安装cpolar步骤

cpolar官网地址: https://www.cpolar.com

  • 使用一键脚本安装命令
curl -L https://www.cpolar.com/static/downloads/install-release-cpolar.sh | sudo bash
  • 向系统添加服务
sudo systemctl enable cpolar
  • 启动cpolar服务
sudo systemctl start cpolar

Cpolar安装成功后，在外部浏览器上访问Linux 的9200端口 即:【http://局域网ip:9200】，使用Cpolar账号登录,登录后即可看到cpolar web 配置界面,结下来在web 管理界面配置即可

image-20231016143741228

3. 配置JSON Crack界面公网地址

点击左侧仪表盘的隧道管理——创建隧道，创建一个JSONCrack的公网http地址隧道!

  • 隧道名称：可自定义命名，注意不要与已有的隧道名称重复
  • 协议：选择http
  • 本地地址：8088(本地访问的地址)
  • 域名类型：免费选择随机域名
  • 地区：选择China Top

点击创建

image-20231228164652547

隧道创建成功后，点击左侧的状态——在线隧道列表,查看所生成的公网访问地址，有两种访问方式,一种是http 和https

image-20231228164738903

4. 远程访问 JSONCrack 界面

使用上面的Cpolar https公网地址,在任意设备的浏览器进行访问,即可成功看到 JSONCrack 界面,这样一个公网地址且可以远程访问就创建好了,使用了Cpolar的公网域名,无需自己购买云服务器,即可发布到公网进行远程访问 !

image-20231228164952980

为了更好地演示，我们在前述过程中使用了cpolar生成的隧道，其公网地址是随机生成的。

这种随机地址的优势在于建立速度快，可以立即使用。然而，它的缺点是网址由随机字符生成，不太容易记忆（例如：234b53d8.r1.cpolar.top），另外这个地址在24小时内会发生随机变化，不利于团队长期协作，更适合于临时使用。

我一般会使用固定二级子域名，原因是我希望分享给身边的人时，它是一个固定、易记的公网地址（例如：JSONCrack.cpolar.cn），这样更显正式，便于交流协作。

5. 固定 JSONCrack公网地址

由于以上使用Cpolar所创建的隧道使用的是随机公网地址，24小时内会随机变化，不利于长期远程访问。因此我们可以为其配置二级子域名，该地址为固定地址，不会随机变化【ps：cpolar.cn已备案】

注意需要将cpolar套餐升级至基础套餐或以上，且每个套餐对应的带宽不一样。【cpolar.cn已备案】

登录cpolar官网，点击左侧的预留，选择保留二级子域名，设置一个二级子域名名称，点击保留,保留成功后复制保留的二级子域名名称

image-20231228165620117

保留成功后复制保留成功的二级子域名的名称

image-20231228165646803

返回登录Cpolar web UI管理界面，点击左侧仪表盘的隧道管理——隧道列表，找到所要配置的隧道，点击右侧的编辑

image-20231228165741383

修改隧道信息，将保留成功的二级子域名配置到隧道中

  • 域名类型：选择二级子域名
  • Sub Domain：填写保留成功的二级子域名

点击更新(注意,点击一次更新即可,不需要重复提交)

image-20231228165902171

更新完成后,打开在线隧道列表,此时可以看到公网地址已经发生变化,地址名称也变成了固定的二级子域名名称的域名

image-20231228165935182

最后,我们使用固定的公网https地址访问,可以看到访问成功,这样一个固定且永久不变的公网地址就设置好了,随时随地都可以远程访问本地 JSONCrack 界面进行数据可视化管理.

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/355871.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

Prometheus 监控系统的初步了解与系统搭建

Prometheus 监控系统的初步了解与系统搭建

目录 目录 目录 前言 Prometheus的相关知识 Prometheus特点 Prometheus的存储引擎：TSDB Prometheus的组件 1.核心组件：prometheus server Prometheus server又分为三个部分： 2.exports 3.client Library 4.cadvisor 5.blackbox-ex…
阅读更多...
Java毕业设计-基于jsp+servlet的人事管理系统-第79期

Java毕业设计-基于jsp+servlet的人事管理系统-第79期

获取源码资料，请移步从戎源码网：从戎源码网_专业的计算机毕业设计网站 项目介绍 基于jspservlet的人事管理系统：有配套报告文档，前端 jsp、jquery，后端 servlet、jdbc，集成员工档案管理、公告浏览、请假信…
阅读更多...
H5项目使用@microsoft/fetch-event-source

H5项目使用@microsoft/fetch-event-source

前言： 在microsoft/fetch-event-source 文档中，没有介绍在项目中使用script 引入，只介绍了通过npm 引入的方式；项目的接口又是 post 方式的流式接口。 解决方式： 借助 webpack 工具 实现步骤： 1、初始化…
阅读更多...
vue预览pdf文件的几种方法

vue预览pdf文件的几种方法

文章目录 vue预览pdf集中方法方法一：方法二：展示效果：需要包依赖：代码： 方法三：展示效果：需要包依赖：代码：自己调参数，选择符合自己的 vue预览pdf集中方法 我…
阅读更多...
方差与协方差之间的区别？

方差与协方差之间的区别？

方差和协方差都是用来衡量随机变量之间关系的统计量，但它们的计算方式和含义有所不同。 方差（Variance）：方差是描述数据集合离散程度的统计量，它衡量了数据点与均值之间的平均距离。 方差越大，表示数据点越…
阅读更多...
【AI大模型应用开发】1.3 Prompt攻防（安全） 和 Prompt逆向工程

【AI大模型应用开发】1.3 Prompt攻防（安全） 和 Prompt逆向工程

随着GPT和Prompt工程的大火，随之而来的是隐私问题和安全问题。尤其是最近GPTs刚刚开放，藏在GPTs后面的提示词就被网友们扒了出来，甚至直接被人作为开源项目发布，一点安全和隐私都没有，原作者的收益也必然受到极大损失……
阅读更多...
图灵日记之java奇妙历险记--抽象类和接口

图灵日记之java奇妙历险记--抽象类和接口

目录 抽象类概念抽象类语法 接口概念规则使用特性实现多个接口接口的继承接口使用实例Clonable接口和深拷贝抽象类和接口的区别 Object类 抽象类 概念 在面向对象的概念中,所有对象都是通过类来描述的,但是反过来,并不是所有的类都是用来描绘对象的,如果一个类中没有包含足够…
阅读更多...
Axios使用方法详解，从入门到进阶

Axios使用方法详解，从入门到进阶

目录 🌳 Axios的诞生 🌳 Axios的介绍 定义 原理 特性 浏览器支持情况 如何安装 🌳 Axios的使用 ◼️ 创建vue项目 ◼️ Axios的基础用法（get、post、put 等请求方法） get方法 post方法 put和patch方法 …
阅读更多...
Jenkins打包、发布、部署

Jenkins打包、发布、部署

目录 前言 一、安装jdk 二、安装maven 三、安装git 四、安装jenkins 五、访问jenkins 六、创建用户 七、配置jenkins 八、执行 总结 前言 服务器：CentOS 7.9 64位 jdk：1.8 maven：3.9.1 git：git version 1.8.3.1 jenkins&a…
阅读更多...
C++中的智能指针

C++中的智能指针

目录 背景 裸指针 智能指针 原理 智能指针 auto_ptr unique_ptr 1. unique_ptr禁止拷贝构造(copy constructor)和赋值运算() 1.1 C提供了标准库函数move() 1.2.如果unique_ptr是一个临时右值 2. unique_ptr可用于数组 shared_ptr 环状引用问题 weak_ptr 注意&#xf…
阅读更多...
CRM管理系统有哪些应用价值？

CRM管理系统有哪些应用价值？

如何杜绝员工飞单、走私单？ 如何避免员工离职带走客户？ ——crm管理系统 企业要想取得成功，有强大的技术支持和合适的工具辅助，crm管理系统这类工具就是客户管理系统，它是一种先进的管理模式，crm管理系统通…
阅读更多...
浅析透明图片显示

浅析透明图片显示

1、理解图片构成 上面是一个飞机的透明图片，每个图片都是有一个个像素点构成的，每个像素点都是一个颜色，在内存中占4个字节，由透明度、红、绿、蓝构成。如下图： 该飞机图片飞机图片长51像素，宽63像素。就是…
阅读更多...
苹果m1、m2安装blender GIS，解决not Imageio 报错

苹果m1、m2安装blender GIS，解决not Imageio 报错

blender-GIS 能够在地图上生成地形，如下图所示： 使用blenderGIS过程中会有 imageio 找不到的情况， 网上的 imageio 用在苹果电脑的M1、M2芯片上好像还是没有出图，似乎这个 imageio 这个已经是好几年前的代码，没能适配…
阅读更多...
Sphinx的原理详解和使用

Sphinx的原理详解和使用

一、Sphinx介绍 1.1 简介 Sphinx是由俄罗斯人Andrew Aksyonoff开发的一个全文检索引擎。意图为其他应用提供高速、低空间占用、高结果 相关度的全文搜索功能。Sphinx可以非常容易的与SQL数据库和脚本语言集成。当前系统内置MySQL和PostgreSQL 数据库数据源的支持，也…
阅读更多...
Vue3 + Express 实现大文件分片上传、断点续传、秒传

Vue3 + Express 实现大文件分片上传、断点续传、秒传

目录 前言原理实现项目搭建获取文件文件分片hash计算文件上传文件合并秒传&断点续传 完整代码 前言 在日常开发中，文件上传是常见的操作之一。文件上传技术使得用户可以方便地将本地文件上传到Web服务器上，这在许多场景下都是必需的，比如…
阅读更多...
比特币ETF通过为BiFinance带来全新机遇

比特币ETF通过为BiFinance带来全新机遇

2013年7月，Winklevoss兄弟提交了首个比特币交易所交易基金（ETF）申请，随后多家公司纷纷效仿，但美国证券交易委员会（SEC）均以“容易受到市场操纵”为由驳回了这些申请。时至2024年伊始&#xff0c…
阅读更多...
TCP_拥塞控制

TCP_拥塞控制

引言 24年春节马上就要到了，作为开车党，最大的期盼就是顺利回家过年不要堵车。梦想是美好的，但现实是骨感的，拥堵的道路让人苦不堪言。 在网络世界中，类似于堵车的问题也存在，而TCP（Transmissi…
阅读更多...
环形链表找入环点----链表OJ---三指针

环形链表找入环点----链表OJ---三指针

https://leetcode.cn/problems/linked-list-cycle-ii/description/?envTypestudy-plan-v2&envIdtop-100-liked 首先，需要判断是否有环，而这里我们不单纯判断是否有环，还要为下一步做准备，需要让slow指针和fast都从头结点开始…
阅读更多...
【数据结构1-1】线性表

【数据结构1-1】线性表

线性表是最简单、最基本的一种数据结构，线性表示多个具有相同类型数据“串在一起”，每个元素有前驱（前一个元素）和后继（后一个元素）。根据不同的特性，线性表也分为数组（vector&#…
阅读更多...
MySQL 学习记录

MySQL 学习记录

基本常识 row-size-limitsblob： BLOB and TEXT columns cannot have DEFAULT values.Instances of BLOB or TEXT columns in the result of a query that is processed using a temporary table causes the server to use a table on disk rather than in memory b…
阅读更多...
最新文章

Copyright @ 2022~2023