【码农必备】CasaOS香橙派安装Code server+cpolar让远程开发更轻松

💝💝💝欢迎来到我的博客,很高兴能够在这里和您见面!希望您在这里可以感受到一份轻松愉快的氛围,不仅可以获得有趣的内容和知识,也可以畅所欲言、分享您的想法和见解。
img

  • 推荐:kwan 的首页,持续学习,不断总结,共同进步,活到老学到老
  • 导航
    • 檀越剑指大厂系列:全面总结 java 核心技术,jvm,并发编程 redis,kafka,Spring,微服务等
    • 常用开发工具系列:常用的开发工具,IDEA,Mac,Alfred,Git,typora 等
    • 数据库系列:详细总结了常用数据库 mysql 技术点,以及工作中遇到的 mysql 问题等
    • 新空间代码工作室:提供各种软件服务,承接各种毕业设计,毕业论文等
    • 懒人运维系列:总结好用的命令,解放双手不香吗?能用一个命令完成绝不用两个操作
    • 数据结构与算法系列:总结数据结构和算法,不同类型针对性训练,提升编程思维,剑指大厂

非常期待和您一起在这个小小的网络世界里共同探索、学习和成长。💝💝💝 ✨✨ 欢迎订阅本专栏 ✨✨

博客目录

    • 前言
    • 1. 添加镜像源
    • 2. 部署 Code server
    • 3. 安装内网穿透工具
    • 4. 配置公网地址
    • 5. 配置固定公网地址

前言

本文主要介绍如何在刷了 CasaOS 轻 NAS 系统的香橙派 Orange Pi Zero3 中,使用 Docker 本地部署 Code server,并结合 cpolar 内网穿透实现远程使用浏览器访问开发环境,在不同设备和操作系统上一致地编写、编辑和运行代码。无需公网 IP,也不用设置路由器那么麻烦。

之前和大家分享了如何在香橙派 Zero3 刷入支持 Docker 的 CasaOS 轻 NAS 系统,并部署 Talebook 电子书库远程在线看书。像这种一直处于给电联网状态的小主机很适合部署一些日常高频使用的服务,用来看小说,听音乐,看视频,备份照片等等。不过除了娱乐外,我们也可以在它上边安装 Code server 实现工作生产力场景中的应用。

Code Server 是一款强大的开源工具,它将 Visual Studio Code (VS Code) 带入了基于 Web 的在线环境。它使您可以通过 Web 浏览器远程访问和使用 VS Code 的功能,而无需在本地安装 VS Code 应用程序。而它又是一款轻量级的应用程序,资源占用较少,因此在这种资源有限的小主机服务器上运行也很高效。

在香橙派 Zero3 本地部署 Code server 非常简单,下面就来介绍一下具体如何操作。

image-20241017120047298

1. 添加镜像源

我这里演示的环境是已经刷好 CasaOS 的香橙派 Zero3 小主机。

不知道如何操作的可以看下这篇教程:香橙派 Orange Pi zero3 如何刷 CasaOS 轻 NAS 系统

首先,我们需要在浏览器中输入香橙派 ip 地址,进入 CasaOS 管理界面。

然后进入终端,使用 root 账号密码登录。

fc4cd94f4cc0ce7c2b2cf581ea88f37

进入终端后执行下方命令:

nano /etc/docker/daemon.json

image-20241012154915187

在编辑器中输入新的镜像源地址:

{
  "registry-mirrors": [
    "https://docker.m.daocloud.io",
    "https://docker.1panel.live"
  ]
}

image-20241012155042798

然后按 Crtl+X 键保存这个镜像源,退出编辑器回到终端后执行下方命令重新启动 docker 服务:

systemctl restart docker

image-20241012155119804

2. 部署 Code server

上边的操作完成之后,我们回到 casaos 主界面点击系统自带的 App Store 应用中心。

可能刚刷机后的同学会说这里边的应用太少了,其实官方是给出了手动添加更多应用的方法的,只要点击目前 APP 下拉框中的更多应用。

image-20240527181150797

1716533860914

然后点击问号,会自动在浏览器中打开一个添加更多应用的页面:

image-20240524145917203

复制这个页面中的这些地址,然后回到 CasaOS 应用中心界面。

1716534084277

将地址粘贴到刚才带有问号的输入框中,然后点击添加,系统就会自动更新更多应用到应用中心界面,可以从几十个增加到几百个。

image-20240524150508486

可以看到,现在就能在应用商店中看到 code server 了,点击安装即可自动进行部署:

image-20241017113502784

部署完成后,点击打开,即可在浏览器中访问 code server 的 web 操作界面:

image-20241017113554668

image-20241017113638620

3. 安装内网穿透工具

此时,我们已经成功在本地的 CasaOS 香橙派主机中部署了 code server,但仅能在本地局域网中使用,如果想在出差时也能远程使用家中 code server 来写写代码应该怎么办呢?

很简单,只要在香橙派中安装一个 cpolar 内网穿透工具就能轻松实现远程访问内网主机中部署的服务了,接下来介绍一下如何安装 cpolar 内网穿透。

首先,点击左上角进入终端:

image-20240528113537036

然后输入 root 账号密码登录:

image-20240528113647981

然后在终端中执行下方命令,安装 cpolar 内网穿透工具:

curl -fsSL https://get.cpolar.sh | sudo sh

image-20241012164501257

如下图所示即为 cpolar 内网穿透服务正在正常运行。

image-20241017114210956

4. 配置公网地址

然后我们使用 CasaOS 香橙派的 IP 地址加上 9200,打开一个新的浏览器来登录 cpolar 管理界面 :

image-20241017114352580

如果没有账号可以点击免费注册访问 cpolar 官网注册账号:https://www.cpolar.com

输入账号密码登录 cpolar web UI 管理界面后,点击左侧仪表盘的隧道管理——创建隧道:

隧道名称:可自定义,注意不要与已有的隧道名称重复,本例使用了:mycodes

协议:http

本地地址:8443

域名类型:随机域名

地区:选择 China Top

点击创建

image-20241017114556237

隧道创建成功后,点击左侧的状态——在线隧道列表,查看所生成的公网访问地址,有两种访问方式,一种是 http 和 https,任选其一到浏览器访问即可。

image-20241017114705282

现在我们就可以使用手机、平板等设备在浏览器地址栏输入 cpolar 生成的公网地址,能看到成功远程访问本地 casaos 香橙派中部署的 code server 的 Web 管理界面啦!

image-20241017114900115

小结

为了方便演示,我们在上边的操作过程中使用 cpolar 生成的公网地址是随机生成的。这种随机地址的优势在于建立速度快,可以立即使用。然而,它的缺点是网址是随机生成,不好记,而且这个地址在 24 小时内会发生随机变化,更适合于临时测试使用。

如果有长期远程访问本地 casaos 香橙派中的 code server 随时撸代码,或者远程访问其他本地服务的需求,又不想每天重新配置公网地址,还想地址好看又好记,那我推荐大家选择配置固定的公网地址来远程访问。

5. 配置固定公网地址

登录 cpolar 官网,点击左侧的预留,选择保留二级子域名,地区选择 China VIP,设置一个二级子域名名称,点击保留,保留成功后复制保留的二级子域名名称,这里我填写的是 mycodes1 ,大家也可以自定义喜欢的名称。

image-20241017115143930

保留成功后复制保留成功的二级子域名的名称: mycodes1 ,返回登录 Cpolar web UI 管理界面,点击左侧仪表盘的隧道管理——隧道列表,找到所要配置的隧道 mycodes,点击右侧的编辑:

image-20241017115302974

修改隧道信息,将保留成功的二级子域名配置到隧道中

  • 域名类型:选择二级子域名
  • Sub Domain:填写保留成功的二级子域名:mycodes1
  • 地区:选择 China VIP

点击更新(注意,点击一次更新即可,不需要重复提交)

image-20241017115349591

更新完成后,打开在线隧道列表,此时可以看到公网地址已经发生变化,由随机地址名称变成了两个固定的二级子域名(固定公网地址):

image-20241017115523213

最后,我们使用任意一个固定公网地址在浏览器访问,可以看到访问成功,这样一个固定且永久不变的公网地址就设置好了,随时随地都可以远程访问本地局域网内的 casaos 香橙派主机端中 code server 来在线写代码了!

image-20241017115636574

以上就是如何在 CasaOS 轻 NAS 系统香橙派 zero3 中部署 code server,并安装 cpolar 内网穿透工具配置固定不变的二级子域名公网地址,实现随时随地远程开发写代码全部流程,感谢您的观看,有任何问题欢迎留言交流。

觉得有用的话点个赞 👍🏻 呗。
❤️❤️❤️本人水平有限,如有纰漏,欢迎各位大佬评论批评指正!😄😄😄

💘💘💘如果觉得这篇文对你有帮助的话,也请给个点赞、收藏下吧,非常感谢!👍 👍 👍

🔥🔥🔥Stay Hungry Stay Foolish 道阻且长,行则将至,让我们一起加油吧!🌙🌙🌙

img

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/896201.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

基于Spring Boot、Vue和MyBatis的前后端分离座位管理系统:增删改查功能入门指南

在项目开发和工作实践中,创作灵感往往来自于对日常经验的总结与反思。通过记录技术难点和解决方案,不仅可以加深对问题的理解,还能为后续项目的优化提供参考。与此同时,撰写技术笔记、分享职场心得,不仅是对自己成长的…

一款基于 Vue 3 的现代化数据可视化组件库,功能强大,颜值爆表,开发者必备!(带私活源码)

Vue Data UI 是一款基于 Vue 3 的现代化数据可视化组件库,专为开发者提供强大的数据展示功能,旨在帮助用户通过图形化手段生动地讲述数据故事。该库由开源开发者 Graphieros 创建和维护,专注于提升图形渲染性能与交互体验,并致力于…

基于SSM汽车零部件加工系统的设计

管理员账户功能包括:系统首页,个人中心,员工管理,经理管理,零件材料管理,产品类型管理,产品信息管理,产品出库管理,产品入库管理 员工账号功能包括:系统首页…

linuxdeployqt打包发布软件

文章目录 参考一、安装linuxdeployqt二、配置Qt的环境变量三、打包应用程序四、打包成deb包配置*.desktop桌面快捷方式文件五、创建deb包之control文件六、创建deb包之postrm文件(可以不创建)七、使用dpkg命令构建deb包八、deb包的安装与卸载参考 使用linuxdeployqt在linux下…

电影评论网站开发:Spring Boot技术指南

3系统分析 3.1可行性分析 通过对本电影评论网站实行的目的初步调查和分析,提出可行性方案并对其一一进行论证。我们在这里主要从技术可行性、经济可行性、操作可行性等方面进行分析。 3.1.1技术可行性 本电影评论网站采用SSM框架,JAVA作为开发语言&#…

深入解析缓存与数据库数据不一致问题

缓存层是提高系统响应速度和扩展性的关键组件。然而,缓存层的引入也带来了数据一致性的挑战。 当数据库中的数据发生变化时,如何确保这些变化能够及时且准确地反映到缓存中,是确保用户体验和系统可靠性的重要问题。 1. 数据一致性 首先&am…

排序算法详解

稳定性 在排序算法中,稳定性是一个重要的概念,指的是在排序过程中,如果两个元素的值相等,它们在排序后的相对位置与排序前的相对位置保持不变的特性。 稳定排序与不稳定排序 稳定排序:在排序时,相等的元素…

【智能大数据分析 | 实验三】Storm实验:实时WordCountTopology

【作者主页】Francek Chen 【专栏介绍】 ⌈ ⌈ ⌈智能大数据分析 ⌋ ⌋ ⌋ 智能大数据分析是指利用先进的技术和算法对大规模数据进行深入分析和挖掘,以提取有价值的信息和洞察。它结合了大数据技术、人工智能(AI)、机器学习(ML&a…

nginx中的HTTP 负载均衡

HTTP 负载均衡:如何实现多台服务器的高效分发 为了让流量均匀分配到两台或多台 HTTP 服务器上,我们可以通过 NGINX 的 upstream 代码块实现负载均衡。 方法 在 NGINX 的 HTTP 模块内使用 upstream 代码块对 HTTP 服务器实施负载均衡: upstr…

小新学习Docker之Ansible 的脚本 --- playbook 剧本

一、playbook 剧本简介 playbooks 本身由以下各部分组成: (1)Tasks:任务,即通过 task 调用 ansible 的模板将多个操作组织在一个 playbook 中运行 (2)Variables:变量 (3…

【Java后端】之 ThreadLocal 详解

想象一下,你有一个工具箱,里面放着各种工具。在多人共用这个工具箱的时候,很容易出现混乱,比如有人拿走了你的锤子,或者你找不到合适的螺丝刀。为了避免这种情况,最好的办法就是每个人都有自己独立的工具箱…

商业智能(BI)及其常见技术

简介 商业智能(Business Intelligence, BI)是一系列技术和方法的集合,旨在帮助企业从大量数据中提取有用的信息,支持决策制定和业务优化。商业智能系统通常包括数据收集、数据存储、数据处理、数据分析和数据可视化等多个环节&am…

数据结构-顺序栈

栈:是一种特殊的线性表,其只允许在表尾进行插入和删除元素操作。进行数据插入和删除操作的一端称为栈顶,另一端称为栈底。栈中的数据元素遵守后进先出LIFO(Last In First Out)的原则。 压栈:栈的插入操作叫…

nvm实现node多版本管理

在项目中是否遇到vue2和vue3项目同时要启动,而又得频繁去安装卸载node版本的困扰? Node Version Manager (nvm) 是一个用于管理多个 Node.js 版本的工具,它允许你在同一台机器上安装和切换不同版本的 Node.js,非常适合开发者在不…

Ubuntu22.04中安装英伟达驱动并部署Pytorch深度学习环境

安装英伟达驱动 本文基于windows10ubuntu22.04双系统,给ubuntu22.04安装英伟达驱动。 安装依赖。 sudo apt update # 获取最新的软件包信息 sudo apt upgrade # 升级软件包 sudo apt install g sudo apt install gcc sudo apt install make禁用ubuntu默认驱动Nouv…

Crawler4j在多线程网页抓取中的应用

网页爬虫作为获取网络数据的重要工具,其效率和性能直接影响到数据获取的速度和质量。Crawler4j作为一个强大的Java库,专门用于网页爬取,提供了丰富的功能来帮助开发者高效地抓取网页内容。本文将探讨如何利用Crawler4j进行多线程网页抓取&…

RHCE的学习(3)

第三章 远程登录服务 简介 概念 远程连接服务器通过文字或图形接口方式来远程登录系统,让你在远程终端前登录linux主机以取得可操作主机接口(shell),而登录后的操作感觉就像是坐在系统前面一样 功能: 分享主机的运算能力 服务…

京存助力北京某电力研究所数据采集

北京某电力研究所已建成了一套以光纤为主,卫星、载波、微波等多种通信方式共存,分层级的电力专用的网络通信架构体系。随着用电、配电对网络的要求提高,以及终端通信入网的迅速发展,迫切地需要高效的通信管理系统来应对大规模、复…

Java项目-基于springboot框架的校园在线拍卖系统项目实战(附源码+文档)

作者:计算机学长阿伟 开发技术:SpringBoot、SSM、Vue、MySQL、ElementUI等,“文末源码”。 开发运行环境 开发语言:Java数据库:MySQL技术:SpringBoot、Vue、Mybaits Plus、ELementUI工具:IDEA/…

ubuntu 虚拟机将linux文件夹映射为windows网络位置

在使用虚拟机时可以选择将windows的文件夹设置为共享文件夹方便在虚拟机中访问windows中的文件,同理,也可以将linux的文件夹共享为一个网络文件夹,通过windows的添加一个网络位置功能,将linux的文件夹映射到windows本地,方便windows访问使用linux的文件夹 参照如下:https://blo…