[站长帮] CentOS(宝塔)部署安装发布Scratch3.0
作者:精品资源网 日期:2023-06-30 18:07:10 浏览:17 分类:站长帮
Centos(宝塔)安装部署发布Scratch3.0
0.背景
最近兼职工作需要搭建一个网站,于是买了服务器开始搭建了一个简单网站,后来由于需要搭建一个Scratch在线版的网站,于是有了今天的博客。前后差不多花了两天时间,主要是因为云服务器第一次搭建没有经验,差点把环境毁了。后来在本地搭建成功后才把中间关系整理明白。
配置环境:CentOS 7.5 + 宝塔7.1.1 + 腾讯云
1.Scratch3.0介绍
scratch3.0是一个款积木式儿童编程软件,分为单机版和网页版(功能差不多),scratch3.0整个目录结构如下:
Scratch3.0GitHub:https://github.com/LLK
scratch-gui: 核心库,对于界面有定制化的在这个库下进行
scratch-vm:虚拟机,管理状态并执行业务逻辑。
scratch-blocks:代码积木块
scratch-render:舞台渲染,在舞台区域出现的基于WebGL的处理器。
scratch-audio:声音拓展
scratch-l10n:国际化
scratch-paint:绘图拓展
scratch-storage:作品存储加载
|-- build #编译后的文件夹,不发布没有此文件夹 |-- dist |-- docs |-- node_modules #npm安装时产生此文件,默认没有 |-- src |-- components #UI组件,负责页面呈现 |-- containers #容器组件,承载容器组件业务逻辑 |-- css #全局通用CSS |-- examples #集成测试用例 |-- extensions #拓展案例 |-- lib #插件及高阶组件 |--audio #声音插件 |-- backpack #背包插件 |-- default-project #默认项目 |-- libraries #素材库相关 |-- video #视频模块 |-- playground #编译后页面的模板 |-- reducers #全局状态控制 |-- static |--favicon.ico #网站图标 |-- test #测试用例 |-- translations #翻译库 |-- README.md |-- package.json |-- webpack.consig.js #配置文件
2.本地搭建
Scatch3.0搭建需要Node.js环境,在宝塔软件商店安装PM2管理器(内置Node.js 和NPM)同时安装SSH终端。
2.1下载
在上文的GitHub链接中下载scratch-gui。(有的博文中说需要下载blocks和vm组件,经过本地实际测试发现gui模块就可以实现功能,目前还没有发现其他问题)
然后解压后把scratch-gui上传到服务器上。
2.2修改npm
安装需要使用npm,但是默认npm的地址访问速度太慢,中间卡住了好几次,无奈只有删除了node_modules并修改npm默认地址才得以解决。打开 /root/.npmrc 然后修改成下图所示并保存。
registry=https://registry.npm.taobao.org
2.3开始安装
如果你的英文好的话,在scratch-gui目录下有个README.md,里面有详细的安装部署过程,不过是英文的。如果英文不是很好,不妨试试下面的方法(PS:中间先在虚拟机上搭建成功才放到服务器上的)
使用SSH登录后,切换到scratch-gui目录下。然后输入npm install
然后出现如下界:
PS:如果中间出现了问题,可以删除node_modules重新运行npm install。还有一个问题下载chomedriver时会出错,这时可以手动下载chomedriver并放到服务器中,重新运行npm isntall
然后运行 npm start
最后程序停在:complied successgully 按ctrl+z停止就行。
这时本地热发布构建成功了,可以通过访问http://localhost:8601 访问scratch3.0。
(PS:虽然在本地服务器和远程服务器这一步都成功了,但是远程服务器无法测试localhost环境。本地环境没有桌面环境,即使通过局域网IP:8601的方式也没有成功访问到scratch3.0 环境)
3.部署发布
上一步只是在本地成功构建了,还要把它发布到互联网上,这里宝塔用的环境是Apache2.4。
在scratch-gui 环境中输入 npm run build
然后程序执行到如下界面表示成功
然后scratch-gui目录下会生成一个build文件夹,这个就是网站用的静态文件。把这个build整个文件复制到服务器的网站目录下(www目录即可)。然后使用宝塔的网站搭建功能把网站目录指向build目录。
访问网站的地址即可。
4.后记
1.搭建过程中测试本地服务器和远程服务器, 建议先在本地服务器测试再向远程服务器发布,中间不小心差点毁了远程服务器的环境。
2.scratch3.0 感觉还是有点问题,测试中实际发现同样是发布网站,本地访问的速度比远程服务器的要快的多,远程服务器访问scratch至少10秒以上,应该是JS文件的问题,发布后的一个JS文件有20多M。而且其角色和背景加载非常慢,应该是其背后图片类资源链接的都是外国的网站。
猜你还喜欢
- 03-06 [建站交流] PicGo + smms 构建图床
- 11-18 [emlog技巧] Emlog非插件显示评论者IP属地
- 07-28 [运维笔记] 解决网站出现"SSL_ERROR_RX_RECORD_TOO_LONG"问题
- 07-28 [运维笔记] 宝塔面板手动和自动释放Linux服务器内存及清理服务器日志缓存
- 06-30 [站长帮] CentOS(宝塔)部署安装发布Scratch3.0
- 06-30 [站长帮] CentOS 7安装宝塔面板
- 05-01 [涨姿势] 宽带师傅不说的秘密,用手机就能解除宽带限速,网速立马翻倍
- 03-23 [站长帮] WordPress 网站打不开提示“将您重定向的次数过多”的解决方法
- 08-06 [网站教程] 利用宝塔实现百度自动推送
- 06-27 [网站运营] WordPress纯代码为文章自动生成标签和自动添加标签内链
- 06-27 [网站运营] WordPress网站专用CloudFlare免费CDN缓存规则
- 06-26 [网站运营] 开发者如何自定义WordPress自带的XML站点地图功能
取消回复欢迎 你 发表评论:
- 精品推荐!
-
- 最新文章
- 热门文章
- 热评文章
[影视] 不亲密朋友 WEB-DL版下载/(Not) Close Friends/Not Friends/Phuean (Mai) Sanit/他的最后一个朋友(台)/第151个朋友(港) 2023 เพื่อน (ไม่) สนิท 7.14G
[影视] 周处除三害 WEB-DL版下载/The Pig, the Snake, and the Pigeon 2023 周處除三害 6.34G
[影视] 真实的谎言 4K蓝光原盘下载+高清MKV版/真实谎言/魔鬼大帝:真实的谎言 1994 True Lies 78.4GB
[硬件检测] 内存测试工具 MemTestPro 汉化版(7.0)
[硬件检测] 专业硬件检测工具 | HWiNFO(8.0.5400.0)
[系统加速] 利用内存给硬盘加速 | RamCache III 去限制版(1.01.12)
[游戏资讯] 最近热门手游有哪些,装备全靠打的手游有哪些游戏,好玩的角色扮演游戏手游
[云图志] 【皇马】Adidas Y-3 山本耀司联名广告 图集
[素材] 视频剪辑BGM音频素材包合集
[网页开发] FrontPage 2003 简体中文版
[图像制作] Adobe Illustrator 2024 v28.1.0.141 破解版
[思维导图] MindManager_2023_v23.1.240_中文破解版
[思维导图] EdrawMax(万兴亿图图示破解版)13.0.2.1071
[视频剪辑] Filmora(万兴喵影2023)13.0.60.5095 破解版
[下载工具] Internet Download Manager 6.42.7 (IDM)
[漫画合集] 漫威 DC 漫画全集 PDF
[系统安全] Deep Freeze 8.71.020.5734 冰点还原破解版
[动画] 假如...? 第一至二季[全18集][简繁英字幕].What.If.S01-2[MP4][打包合集]
[资料] 3000 套电影电视剧 LOGO 宣传片常用音效合集包
[辅助下载] 4K Video Downloader_v4.30.0.5655破解版
[影视] 海王2:失落的王国 WEB-DL版下载/Aquaman 2/水人2/水行侠 失落王国(台)/水行侠与失落王国(港)/海王与失落的王国/潜水侠2 2023 Aquaman and the Lost Kingdom 24.97G
[影视] 三大队 WEB-DL版下载/Endless Journey/请转告局长,三大队任务完成了 2023 三大队 6.7G
[文艺晚会] 中央电视台-1987西游记晚会齐天乐 1080P全高清修复完整版
[电影] 孤注一掷 [1080p].No.More.Bets.2023.Chinese.CAMRip.x264[MP4]
[剧集] 繁花 (2023)[全30集][打包]
[影视] 如何做爱 WEB-DL版下载/第一次 2023 How to Have Sex 5.33G
[影视] 拿破仑 WEB-DL版下载/士兵行囊 / Kitbag 2023 Napoleon 26.61G
[影视] 涉过愤怒的海 WEB-DL版下载/怒海 / Across the Furious Sea 2023 涉过愤怒的海 26.3G
[影视] 首尔之春 WEB-DL版下载 /12.12: The Day 2023 8.06GB
[影视] 年会不能停! WEB-DL版下载/Johnny Keep Walking! 2023 年会不能停! 21.71G
- 最新评论
-
值得拥有Bernery 评论于:03-15 东方快车三月 评论于:03-15 周处除三害三月 评论于:03-14 有些**源确实没字幕精品资源网 评论于:03-12 多谢楼主分享Bernery 评论于:03-04 之前下的没有中文字幕啊Bernery 评论于:03-04 热辣滚烫三月 评论于:02-29 感谢楼主,龙年大吉!三月 评论于:02-25 龙年大吉!三月 评论于:02-25 龙年大吉三月 评论于:02-25
- 热门tag