基于网络的思维导图WiseMapping

Docker5个月前发布 ydddj
11 0

什么是 WiseMapping ?

WiseMapping 是一款基于网络的免费思维导图产品。该项目的目标是提供可由企业、教育和学术机构部署的高质量产品。WiseMapping 利用思维导图的强大功能,采用了 SVG 和 React 等开放标准技术。

什么是思维导图 ?

思维导图是用来围绕一个中心的关键词或想法来展现文字、想法、任务或其它东西的图表。

基于网络的思维导图WiseMapping

如果不想自己搭建,可以去官网注册试用,网站支持中文,所以还是比较简单的

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

准备

设置文件

官方采用了 app.properties 设置文件,原始的文件地址在:https://bitbucket.org/wisemapping/wisemapping-open-source/src/master/wise-webapp/src/main/webapp/WEB-INF/app.properties

当然如果你访问不了上面的地址,老苏也在 github 上存了一份:https://github.com/wbsu2003/synology/tree/main/WiseMapping

老苏修改后的的版本,改名为了 app.properties.txt,归纳起来主要是两部分:

  • 一部分是跟数据库相关的设置,这是应用的基础;
  • 另一部分是跟邮件相关的设置,主要找回密码;

零零散散改了不少地方,因为没有找到官方的说明,所以你可以将老苏修改后的版本和原始的版本对照着看

依次执行下面的命令,将 app.properties.txt 下载到群晖上

1
2
3
4
5
6
7
8
9
10
11
# 新建文件夹 wiseapp 和 子目录
mkdir -p /volume2/docker/wiseapp

# 进入 wiseapp 目录
cd /volume2/docker/wiseapp

# 下载 app.properties.txt 文件
curl -L https://raw.githubusercontent.com/wbsu2003/synology/main/WiseMapping/app.properties.txt -o app.properties.txt

# 如果下不动,试试挂代理
curl -L https://ghproxy.com/raw.githubusercontent.com/wbsu2003/synology/main/WiseMapping/app.properties.txt -o app.properties.txt

SQL 脚本文件

WiseMapping 支持 3 种数据库,分别是 HSQLMySQLPostgreSQL,老苏选择了 MySQL

官方提供了 SQL 初始化脚本文件,地址在:https://bitbucket.org/wisemapping/wisemapping-open-source/src/develop/config/database/,请下载 MySQL 对应的版本

因为这些初始化脚本在执行时存在顺序,所以老苏也在 github 上存了一份,而且标注了序号,总共是 4 个文件

这四个文件不用放到群晖上,直接保存或者下载到操作的电脑上即可

数据库

老苏选择了群晖系统自带的 MariaDB 10

基于网络的思维导图WiseMapping

在 phpMyAdmin 中创建了名为 wisemapping 的空数据库。

基于网络的思维导图WiseMapping

依次导入前面保存的 4 个 sql 脚本文件

基于网络的思维导图WiseMapping

完成之后会看到 9 张表

基于网络的思维导图WiseMapping

安装

在群晖上以 Docker 方式安装。

在注册表中搜索 wisemapping ,选择第一个 wisemapping/wisemapping,版本选择 latest

老苏折腾时,latest 对应的最新版本是 5.0.13

基于网络的思维导图WiseMapping

在 docker 文件夹中,创建一个新文件夹 wiseapp,将 app.properties.txt 放入其中

基于网络的思维导图WiseMapping
文件夹 装载路径 说明
docker/wiseapp/app.properties.txt /usr/local/tomcat/webapps/ROOT/WEB-INF/app.properties 设置文件

注意,这里是用 添加文件,而不是 添加文件夹

基于网络的思维导图WiseMapping

端口

本地端口不冲突就行,不确定的话可以用命令查一下

1
2
# 查看端口占用
netstat -tunlp | grep 端口号
本地端口 容器端口
8813 8080
基于网络的思维导图WiseMapping

环境

可变
JAVA_OPTS 设置Java虚拟机(JVM)运行参数的环境变量

默认似乎环境变量存在问题

基于网络的思维导图WiseMapping

老苏设为了 -XX:+PrintFlagsFinal -XX:InitialRAMPercentage=30 -XX:MaxRAMPercentage=80

基于网络的思维导图WiseMapping

命令行安装

如果你熟悉命令行,可能用 docker cli 更快捷

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
# 新建文件夹 wiseapp 
mkdir -p /volume2/docker/wiseapp

# 进入 wiseapp 目录
cd /volume2/docker/wiseapp

# 运行容器
docker run -d \
   --restart unless-stopped \
   --name wiseapp \
   -m 1.5GB \
   -p 8813:8080 \
   -v $(pwd)/app.properties.txt:/usr/local/tomcat/webapps/ROOT/WEB-INF/app.properties \
   -e JAVA_OPTS=" -XX:+PrintFlagsFinal -XX:InitialRAMPercentage=30 -XX:MaxRAMPercentage=80" \
   wisemapping/wisemapping:latest

也可以用 docker-compose 安装,将下面的内容保存为 docker-compose.yml 文件

1
2
3
4
5
6
7
8
9
10
11
12
13
version: '3.6' 

services:  
  wiseapp:  
    image: wisemapping/wisemapping:latest
    container_name: wiseapp
    restart: always
    ports:  
      - 8813:8080
    volumes:  
      - ./app.properties.txt:/usr/local/tomcat/webapps/ROOT/WEB-INF/app.properties
    environment:
      - JAVA_OPTS= -XX:+PrintFlagsFinal -XX:InitialRAMPercentage=30 -XX:MaxRAMPercentage=80

然后执行下面的命令

1
2
3
4
5
6
7
8
9
10
# 新建文件夹 wiseapp 
mkdir -p /volume2/docker/wiseapp

# 进入 wiseapp 目录
cd /volume2/docker/wiseapp

# 将 docker-compose.yml 放入当前目录

# 一键启动
docker-compose up -d
基于网络的思维导图WiseMapping

运行之后,CPU 开始会飙升

基于网络的思维导图WiseMapping

但稳定之后,总体情况还好

基于网络的思维导图WiseMapping

运行

在浏览器中输入 http://群晖IP:8813 就能看到主界面

基于网络的思维导图WiseMapping

默认用户1:test@wisemapping.org密码test

默认用户2:admin@wisemapping.org密码test

当然你可以注册自己的账号

基于网络的思维导图WiseMapping

注册成功之后也还是要登录

基于网络的思维导图WiseMapping

登录成功后的主界面

基于网络的思维导图WiseMapping

点 新建脑图

基于网络的思维导图WiseMapping

输入名称和描述

基于网络的思维导图WiseMapping

如果之前用过 Xmind 类的产品,应该是很容易上手

基于网络的思维导图WiseMapping

忘记密码

如果你忘记了密码,只要输入你的邮件地址

基于网络的思维导图WiseMapping

会有提示

基于网络的思维导图WiseMapping

如果邮件设置没问题的话,应该很快就会收到邮件

基于网络的思维导图WiseMapping

反向代理

如果你要用 npm 做反代,记得将 app.properties.txt 中 site.baseurl 的值改为域名,否则会遇到下面的错误,而导致页面空白

1
xed Content: The page at 'https://mind.laosu.ml/c/login' was loaded over HTTPS, but requested an insecure favicon 'http://192.168.0.197:8813/favicon.ico'. This request has been blocked; the content must be served over HTTPS.
转自:https://laosu.cf/2023/05/22/%E5%9F%BA%E4%BA%8E%E7%BD%91%E7%BB%9C%E7%9A%84%E6%80%9D%E7%BB%B4%E5%AF%BC%E5%9B%BEWiseMapping

参考文档

wisemapping / wisemapping-open-source — Bitbucket
地址:https://bitbucket.org/wisemapping/wisemapping-open-source/src/master/

wisemapping/wisemapping – Docker Image | Docker Hub
地址:https://registry.hub.docker.com/r/wisemapping/wisemapping/

WiseMapping | 可视化思考的革命
地址:https://www.wisemapping.com/

© 版权声明

相关文章