[站长帮] CentOS(宝塔)部署安装发布Scratch3.0
作者:CC下载站 日期:2023-06-30 18:07:02 浏览:59 分类:站长帮
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。而且其角色和背景加载非常慢,应该是其背后图片类资源链接的都是外国的网站。
猜你还喜欢
- 06-04 [站长技术] 如何开启WordPress Multisite多站点网络
- 03-29 [环境测试] Hexo部署GitHub Pages
- 03-22 [源码设置] 如何设置Xiuno BBS URL-Rewrite(伪静态设定)
- 03-06 [建站交流] PicGo + smms 构建图床
- 11-18 [emlog技巧] Emlog非插件显示评论者IP属地
- 11-09 [网站维护] WordPress 后台速度慢?加快仪表板速度的 15 种方法
- 11-09 [WordPress插件] 10 个最好用的 WordPress 聊天机器人插件(免费和付费)
- 11-09 [WordPress开发] 探索 WordPress 6.3 中的增强样板(Patterns)
- 11-09 [网站维护] 无需插件即可优化 WordPress 速度的 12 种策略
- 11-09 [网站安全] WordPress 安全统计:WordPress 到底有多安全?
- 09-20 [jsp技术] JSP ssm 特殊人群防走失系统myeclipse开发mysql数据库springMVC模式java编程计算机网页设计
- 09-15 [Lightsail容器] AWS Lightsail VPS:一种在云中运行容器的简单方法
取消回复欢迎 你 发表评论:
- 精品推荐!
-
- 最新文章
- 热门文章
- 热评文章
[网络软件] IPTools(IP地址修改器) v5.0.6.6 中文绿色版
[办公软件] Office Uninstall(删除微软Office产品) v2.0.2 绿色版
[Android] 万能AI证件照 v1.3.2 —— 高清证件照制作工具(可离线)
[电视剧集] [BT下载][美国恐怖故事集 第三季][全4集][WEB-MKV/22.42G][中文字幕][4K-2160P][H265][BlackTV]
[高清剧集] 美国恐怖故事 第十二季[全9集][中文字幕].American.Horror.Story.S12.1080p.DSNP.WEB-DL.DDP.5.1.H.264-BlackTV 11.51GB
[资料] 火锅教程大全
[影视杂谈] 宋轶演累了,白敬亭要哭了。
[资料] 知识星球【生财有术】付费内容
[图库] 王者荣耀全皮肤、风景壁纸、4K风景壁纸、精选8K壁纸、 英雄联盟壁纸、王者荣耀PC壁纸、杨超越2K壁纸、闭月羞花
[课程] 零基础7天行楷书法速成
[短剧] 蓄意引诱禁欲老公又野又撩&婚约老公他明宠暗撩(98集)
[电视剧] 庆余年 第二季[迪士尼无广告版][全36集][国语音轨/中文字幕].Joy.of.Life.2.S02.1080p.DSNP.WEB-DL.AAC.2.0.H.265-BlackTV
[动画] 北斗神拳(1984) [两季合集] [MKV]
[Android] 阅读APP(小说软件)v3.23.032021 解除限制版
[瓜] 5.26日吃瓜热门合集
[电影] 2024年韩国恐怖惊悚片《破墓》HD韩语中字
[短剧] 10部午夜小短剧 擦边剧
[写真] Jiu Shi A Zhu A 就是阿朱啊 - 优享合集
[书籍] 《炁体源流(上下册)》 道家养生经典辑录 米晶子[pdf]
[有声读物] 冯唐讲《资治通鉴》(完结)【MP3】
[动画] 北斗神拳(1984) [两季合集] [MKV]
[影视] 母亲的直觉 WEB-DL版下载/亡命母侵 美版/母性本能 2024 Mothers’ Instinct 10.58G
[影视] 九龙城寨之围城 WEB-DL版下载/九龙城寨 / Twilight of the Warriors: Walled In 2024 九龍城寨·圍城 22.68G
[短剧] 蓄意引诱禁欲老公又野又撩&婚约老公他明宠暗撩(98集)
[瓜] 5.27日吃瓜热门合集
[电影] 韩国最出色的十一部R限制级合集
[资源嗅探] 万能嗅探1.0.5【可抓视频号】免安装 批量抓取媒体文件
[瓜] 5.26日吃瓜热门合集
[Android] 阅读APP(小说软件)v3.23.032021 解除限制版
[电影] [BT下载][蜘蛛夫人:超感觉醒][WEB-MKV/1.77GB][国英多音轨/中文字幕][1080P][流媒体][BATWEB小组作品]
- 最新评论
-
爱看走马 评论于:07-10 这个确实很想看,感谢。qwer9009 评论于:07-04 针不戳走马 评论于:06-25 很棒的资源,支持一下jason27 评论于:06-24 让我看看!zhangxxo 评论于:06-23 感谢分享Sanjwinds@ 评论于:06-21 我看了下,失效了,我抽空补CC下载站 评论于:06-19 希望可以下cool000068 评论于:06-18 还是想看看海瑟薇啊。qwer9009 评论于:06-17 谢谢支持!!有失效的可以留言,我抽空补CC下载站 评论于:05-27
- 热门tag