Grid studio的安装

Myth丶恋晨 2023-07-06 13:12 11阅读 0赞

Grid studio作为一个可交互的表格工具，类似于Excel了，但是可以画可以交互的图，并且数据储存在云上，下图是官方给的安装[步骤][Link 1]：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3VfNDM4_size_16_color_FFFFFF_t_70][]

Grid studio安装是基于docker的，因此我们需要提前装好docker，docker安装之前自己的一篇文章[有讲解][Link 2]，在安装好之后需要手动启动并且设置开机自启：

systemctl start docker
    systemctl enable docker

docker的安装就准备好了，然后就是去GitHub上[下载这个][Link 3]，可以直接在网页下载也可以使用git clone进行下载

然后就是运行sh run.sh

[root@VM_0_9_centos gridstudio-master]# sh run.sh 
    Unable to find image 'ricklamers/gridstudio:release' locally
    release: Pulling from ricklamers/gridstudio
    35c102085707: Downloading 
    251f5509d51d: Download complete 
    8e829fe70a46: Download complete 
    6001e1789921: Download complete 
    33c52cd25583: Download complete 
    7dc0ac8f2df3: Download complete 
    25d02258ff30: Download complete 
    f3ed5161b91b: Download complete 
    3de1808e17ef: Download complete 
    9bcb96654852: Download complete 
    22abae46c7e9: Download complete 
    351040e573dd: Download complete 
    0c110a87ce90: Download complete 
    eb29c2fd883f: Download complete 
    b4c560d89fa8: Download complete 
    7920104d2b4a: Download complete 
    ad6de64f8c4b: Download complete 
    5a47338b1512: Download complete 
    d16df476b371: Download complete 
    release: Pulling from ricklamers/gridstudio
    35c102085707: Pull complete 
    251f5509d51d: Pull complete 
    8e829fe70a46: Pull complete 
    6001e1789921: Pull complete 
    33c52cd25583: Pull complete 
    7dc0ac8f2df3: Pull complete 
    25d02258ff30: Pull complete 
    f3ed5161b91b: Pull complete 
    3de1808e17ef: Pull complete 
    9bcb96654852: Pull complete 
    22abae46c7e9: Pull complete 
    351040e573dd: Pull complete 
    0c110a87ce90: Pull complete 
    eb29c2fd883f: Pull complete 
    b4c560d89fa8: Pull complete 
    7920104d2b4a: Pull complete 
    ad6de64f8c4b: Pull complete 
    5a47338b1512: Pull complete 
    d16df476b371: Pull complete 
    Digest: sha256:9e349403fe08ce1b3b403dcf09934777ca35f97aadf71a1e7c43fd2807810cfd
    Status: Downloaded newer image for ricklamers/gridstudio:release
    --> Updating terminal app.js
    --> Run manager proxy, starting manager.go (compiling with go run ...)
    Listening on port: 8080
    WS Listening on port: 4430

我们可以看到运行这个shell脚本实际上就是拉取docker镜像并且运行，如果想了解可以查看脚本内容便可以知道。

脚本运行好后我们可以在浏览器里输入

http://127.0.0.1:8080

进行访问，由于我的程序是在远程端，于是是访问ip:8080

http://118.25.144.170:8080/login

访问成功就能来到这个页面，用户名和密码都是admin

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3VfNDM4_size_16_color_FFFFFF_t_70 1][]

新建工作空间

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3VfNDM4_size_16_color_FFFFFF_t_70 2][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3VfNDM4_size_16_color_FFFFFF_t_70 3][]

[Link 1]: https://github.com/ricklamers/gridstudio/wiki/Installation
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3VfNDM4_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200219094515294.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3VfNDM4,size_16,color_FFFFFF,t_70
[Link 2]: https://blog.csdn.net/zhou_438/article/details/103392038
[Link 3]: https://github.com/ricklamers/gridstudio
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3VfNDM4_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200219094359747.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3VfNDM4,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3VfNDM4_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20200219094600351.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3VfNDM4,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3VfNDM4_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20200219100137146.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3VfNDM4,size_16,color_FFFFFF,t_70