构建 BlocklyJupyter 环境

2021-06-11
1. Blockly

注：本文中所有的命令均以 ‘#’ 开头，'#'是不用输入的

构建服务器环境(Linux)

由于需要支持TensorFlow，利用google提供的Docker

参考: 构建tensorfrom环境

按照方案二，安装Docker镜像，然后启动Docker，在Docker中继续操作

本处采用的docker镜像是 tensorflow/tensorflow:latest

安装nodejs

因为使用了typescript，所以要安装nodejs，参考:ubuntu快速安装最新版nodejs，只需2步

note: 是在 docker容器中安装，而不是在服务器系统上安装

# curl -sL https://deb.nodesource.com/setup_14.x | bash -
# apt-get install -y nodejs

安装提示 resource temporarily unavailable

E: Failed to fetch https://deb.nodesource.com/node_14.x/poo1/main/n/nodejs/nodejs_14.17.6-1nodesource1_amd64.deb 
Could not wait for server fd select (11: Resource temporarily unavailable) ]
E: Unable to fetch some archives, maybe run apt-get update or try with -fix- missing?

资源无法访问，通常是由于资源服务器在国外的缘故，因此换个apt源通常可以解决问题。更换国内源

备份并创建新的sources.list文件

# cp /etc/apt/sources.list /etc/apt/sources.list.bak
# vim /etc/apt/sources.list

添加源

deb http://mirrors.aliyun.com/ubuntu/ bionic main restricted universe multiverse
deb http://mirrors.aliyun.com/ubuntu/ bionic-security main restricted universe multiverse
deb http://mirrors.aliyun.com/ubuntu/ bionic-updates main restricted universe multiverse
deb http://mirrors.aliyun.com/ubuntu/ bionic-proposed main restricted universe multiverse
deb http://mirrors.aliyun.com/ubuntu/ bionic-backports main restricted universe multiverse
deb-src http://mirrors.aliyun.com/ubuntu/ bionic main restricted universe multiverse
deb-src http://mirrors.aliyun.com/ubuntu/ bionic-security main restricted universe multiverse
deb-src http://mirrors.aliyun.com/ubuntu/ bionic-updates main restricted universe multiverse
deb-src http://mirrors.aliyun.com/ubuntu/ bionic-proposed main restricted universe multiverse
deb-src http://mirrors.aliyun.com/ubuntu/ bionic-backports main restricted universe multiverse

更新

# apt update

nodejs 版本 v14.17.0
npm 版本 6.14.13

可以考虑使用国内npm源, 参考:npm安装慢的俩种方法

# npm config set registry http://registry.npm.taobao.org
# npm config set registry https://mirrors.tencent.com/npm/

安装typescript

note: 是在 docker容器中安装，而不是在服务器系统上安装
```
# npm install typescript -g
```
安装git
tensorflow/tensorflow:latest默认没有git 需要安装
```
# apt-get install git
```

下载BlocklyJupyter

# git clone git@github.com:ChrisJaunes/blockly_teaching.git

提示 git clone 报错

Warning: Permanently added 'github.com,52.74.223.119' (RSA) to the list of known hosts.
git@github.com: Permission denied (publickey).
fatal: Could not read from remote repository.

Please make sure you have the correct access rights
and the repository exists.

这是公钥出现问题了，你可以添加公钥到你的账户下面，也可以用https链接。

采用https链接：

# git clone https://github.com/ChrisJaunes/blockly_teaching.git

进入BlocklyJupyter
```
# cd blockly_teaching/BlocklyJupyter
```
安装jupyter、jupyterlab等库
目录下有一个requirements.txt的文件，这个文件定义了所需要的jupyter等lib及其版本
```
# pip install -r requirements.txt --default-timeout=100 -i http://pypi.douban.com/simple/ --trusted-host pypi.douban.com
```
由于使用root账户，有些包无法自动安装，可以手动安装。

不过通常安装jupyter和jupyterlab就可以了，其余根据需要安装，如果需要多用户的，需要安装jupyterhub

npm安装

# npm init
# npm install --save-dev
# npm run build

提示 codemirror报错

node_modules/@jupyterlab/codemirror/lib/editor.d.ts:1:23 - error TS2688: Cannot find type definition file for '@types/codemirror/addon/search/searchcursor'.

1 /// <reference types="@types/codemirror/addon/search/searchcursor" />
                        ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

node_modules/@jupyterlab/codemirror/lib/editor.d.ts:2:24 - error TS7016: Could not find a declaration file for module 'codemirror'. '/data/blockly_teaching/jupyterlab-3.0.16/examples/cell/node_modules/codemirror/lib/codemirror.js' implicitly has an 'any' type.
Try `npm i --save-dev @types/codemirror` if it exists or add a new declaration (.d.ts) file containing `declare module 'codemirror';`

2 import CodeMirror from 'codemirror';
                        ~~~~~~~~~~~~

node_modules/@jupyterlab/codemirror/lib/tokens.d.ts:2:24 - error TS7016: Could not find a declaration file for module 'codemirror'. '/data/blockly_teaching/jupyterlab-3.0.16/examples/cell/node_modules/codemirror/lib/codemirror.js' implicitly has an 'any' type.
Try `npm i --save-dev @types/codemirror` if it exists or add a new declaration (.d.ts) file containing `declare module 'codemirror';`

2 import CodeMirror from 'codemirror';
                        ~~~~~~~~~~~~


Found 3 errors.

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @jupyterlab/example-cell@3.0.11 build: `tsc -p src && webpack`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the @jupyterlab/example-cell@3.0.11 build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /root/.npm/_logs/2021-06-11T17_06_02_154Z-debug.log

手动安装 @types/codemirror

# npm init
# npm install --save-dev
# npm i --save-dev @types/codemirror
# npm run build

提示 'build/' is not a directory

> cp src/* build/ -rf && tsc -p src && webpack

cp: target 'build/' is not a directory
npm ERR! code ELIFECYCLE
...

在BlocklyJupyter目录下面创建 build 目录

运行
单用户启动
```
# python -m main --allow-root --ip=0.0.0.0
```
多用户启动
在 BlocklyJupyter 目录下面创建 config 目录，然后创建 jupyterhub_config.py 文件
```
# cd config
# jupyterhub -f jupyterhub_config.py
```

构建本机测试环境(windows)

由于需要支持TensorFlow，利用google提供的Docker

参考: 构建tensorfrom环境

本处采用的docker镜像是 tensorflow/tensorflow:latest
下载BlocklyJupyter

如果选择在docker容器中存储，同上文

如果选择在windows上存储，从 github 上下载 BlocklyJupyter
映射文件到容器

如果BlocklyJuptyter在windows上存储, 可以映射文件到容器,假设windows上的路径F:/blockly_teaching，映射到docker容器中的位置为/root/blockly_teaching

容器创建命令(映射文件，映射端口，可交互)
```
# docker run -it -v F:/blockly_teaching:/data/blockly_teaching -p 8888:8888 tensorflow/tensorflow /bin/bash
```
如果BlocklyJuptyter在docker容器中存储，但想在windows中编辑，使用VSCode的remote wsl插件
安装nodejs、typescript、git

同上文，在docker容器中安装而不是在windows上安装
安装jupyter、jupyterlab等库

同上文，在docker容器中安装，而不是在windows中安装
npm安装

同上文，在docker容器中安装，而不是在windows中安装
运行
同上文,在docker容器中运行，而不是在windows中运行

上一篇：事件架构-1-w3c事件规范

下一篇：Linux 集群搭建

构建 BlocklyJupyter 环境

构建服务器环境(Linux)

构建本机测试环境(windows)

Recent articles

Tag

Categories