首页 > 系统相关 >在Ubuntu小设备上使用VSCode+SSH开发部署nicegui的Web应用,并设置系统开机自动启动应用

在Ubuntu小设备上使用VSCode+SSH开发部署nicegui的Web应用,并设置系统开机自动启动应用

时间:2024-10-22 12:11:50浏览次数:1  
标签:Web 启动 VSCode nicegui SSH 服务器 my backend

在一些小的设备上跑Ubuntu系统,需要快速的开发和调整项目的时候,往往使用SSH进行远程的开发测试,这样可以避免传统的打包更新处理,能够快速的在实际环境上测试具体的内容。另外由于系统设备往往需要重启后能够保留应用的工作,因此也需要在Ubuntu系统设置自动启动的服务处理。本篇随笔介绍在Ubuntu小设备上使用VSCode+SSH开发部署nicegui的Web应用,并设置系统开机自动启动应用。

1、使用VSCode+SSH开发部署nicegui的Web应用

VSCode的功能非常强大,使用扩展来实现更丰富的功能是它的重要特色之一,要使用远程开发,我们需要安装Remote-SSH扩展来实现直接打开服务器端的文件进行开发、编译等。

首先我们在扩展页面中找到微软的 Remote-SSH 扩展插件,给VSCode安装上。

如果你需要使用FTP的一些处理,也可以安装一个SFTP来配合VSCode实现文件的上传下载,不过即使不安装SFTP也没关系。

在VSCode命令面板中打开配置

在配置参数界面中指定Remote-SSH的配置文件,如下所示。

由于我是在Windows上开发,因此配置如下所示。如果是MacOS或其他系统,有所不同。

安装完毕的Remote-SSH,会在左侧的导航中有一个SSH的项目,我们添加自己的服务器的IP和用户名信息,用来连接服务器。

一般格式如下所示,替换为自己的IP和登录系统用户:

Host 192.168.1.103
  HostName 192.168.1.103
  User root

发起连接到服务器的操作后,会提示输入用户密码:

成功后我们打开服务器的代码目录,如下所示。

然后开发就和本地文件一样了,我们在上面编写代码、编译运行都是基于服务器的环境的,如果缺少模块引用,记得使用pip install进行安装依赖即可,安装也是给服务器环境进行的安装。 

对服务器的SSH控制命令处理,我们可以通过VScode中的bash面板打开。

 创建命令窗口后如下所示。

我们就可以基于这个进行相关的命令操作了,就和本地命令处理类似了。 

VScode上对服务器文件的操作很方便,可以直接拖动本地文件到服务器目录上,也可以从服务器目录上下载代码文件到本地。

 

2、设置Ubuntu系统开机自动启动应用

有时候,我们在实际环境上部署项目后,都是希望每次重启,相关的应用能自动启动,避免每次手工干预的繁琐。

1) 编写启动脚本

首先我们在我们的项目代码上,创建一个脚本,用于启动服务引用的,如创建文件:start_my_backend.sh

然后填写内容,这个和我们实际运行python项目的命令差不多一样。

#!/bin/bash
# 启动Python后端程序
/usr/bin/python /root/test/src/nicegui/modularization/main.py

确保路径是正确的,并且指向你的 Python 解释器和 Python 脚本文件。

注意文件开头 #!/bin/bash 是标识为Bash命令的特征,如下文件在目录中所示。

 

 

给予脚本执行权限

chmod +x /root/test/src/start_my_backend.sh

 

2)创建 systemd 服务文件

然后再 /etc/systemd/system/ 目录上创建一个服务启动的处理,命名为:my_backend.service

添加下面的内容:

[Unit]
Description=My Python Backend Service
After=network.target

[Service]
ExecStart=/root/test/src/start_my_backend.sh
Restart=always
User=root
WorkingDirectory=/root/test/src
Environment="PATH=/usr/bin"

[Install]
WantedBy=multi-user.target

解释:

  • ExecStart 指定了要执行的脚本路径。
  • User 指定哪个用户运行该服务。
  • Restart=always 表示当服务崩溃时,会自动重启。
  • WorkingDirectory 是脚本的工作目录。

 

保存并退出编辑器(按 Ctrl+O 然后 Ctrl+X)。

 

 

3)启用并启动服务

  1. 重新加载 systemd 配置:
sudo systemctl daemon-reload
  1. 启用服务,使其开机启动:
sudo systemctl enable my_backend.service
  1. 立即启动服务:
sudo systemctl start my_backend.service
  1. 检查服务状态,确认它是否正常运行:
sudo systemctl status my_backend.service
  1. 日志查看

 

 

如果你想查看服务的运行日志,可以使用以下命令:

journalctl -u my_backend.service

这样,每次系统启动时,my_backend 服务就会自动启动并运行你的 Python 后端程序了。

 最后查看服务器端的启动项目端口是否正常。

 这样,从服务器上直接编写代码开发或者调试,并直接自动启动服务器,就实现了我们常规的开发处理了。

标签:Web,启动,VSCode,nicegui,SSH,服务器,my,backend
From: https://www.cnblogs.com/wuhuacong/p/18492299

相关文章

  • actix-web连接mysql并返回json
    toml[dependencies]actix-web="4"mysql="25.0.0"chrono="0.4"serde={version="1.0",features=["derive"]}rsuseactix_web::{get,post,web,App,HttpServer,Responder,HttpResponse,Error};......
  • 77.优美的鲜花网店网页 ​Web前端网页制作 大学生期末大作业 html+css+js
    目录一、前言二、网页文件三、网页效果四、代码展示1.HTML2.CSS3.JS五、更多推荐一、前言本实例以鲜花为主题设计,应用html+css+js,包括DIV布局、图片轮翻效果、菜单导航、二级三级菜单、留言板、搜索等,供大家参考。本网页支持如Dreamweaver、HBuilder、Text、Vscode......
  • 2024Ciscn总决赛Web Writeup
    前言鸽了三个月的复现计划:)ezjs考点是express引擎解析的一个trick,在高版本的express已经修复,先贴源码constexpress=require('express');constejs=require('ejs')constsession=require('express-session');constbodyParse=require('body-parser');co......
  • ctfshow-web入门-信息搜集(14)
    1.根据提示:有时候源码里面就能不经意间泄露重要(editor)的信息,默认配置害死人2.我们直接在url后面添加/editor,在flash上传空间里面找到文件空间,爆出了一堆目录3.最终我们在var/www/html/nothinghere/fl000g.txt这个路径找的到了flag,我们在url后面添加nothinghere/fl000g.......
  • JavaWeb:实验二JSP表单开发及访问数据库
    实现注册与登录功能:1.创建一个数据库,在数据库建立用户表。2.制作一个注册表单,可以输入账户和密码并提交(在数据提交之前用JS对表单数据进行有效性验证),将表单提交的数据写入数据库。3.制作一个登录表单,输入账号和密码,通过数据库进行验证,如果账号、密码验证通过,则显示“登录成功”......
  • ctfshow-web入门-信息搜集(16)
    1.根据题目提示:考察PHP探针php探针是用来探测空间、服务器运行状况和PHP信息用的,探针可以实时查看服务器硬盘资源、内存占用、网卡流量、系统负载、服务器时间等信息。url后缀名添加/tz.php版本是雅黑PHP探针,然后查看phpinfo搜索flag2.在url后面添加上/tz.php3.点击PHPIN......
  • JavaWeb:实验一JSP运行环境安装及配置
    **制作一个静态网站的基本页面index.html,要求如下:1.页面布局采用框架实现,页面布局及样式如图1所示。**2.在页面的A部分显示显示“登录”和“注册”链接。单击“登录”链接,在C部分显示登录页面,登录页面包含一个HTML表单,页面参考样式如图2所示;单击“注册”链接,在C部分显示注册页面......
  • webpack入门一篇
    1、webpack生命周期Webpack构建过程是生命周期的概念,主要包括以下几个阶段:1.1:初始化从配置文件和shellarguments读取参数,初始化Compiler对象。根据配置文件中的entry,确定构建的入口文件。1.2:配置解析配置文件,合并shellarguments和plugin定义的默认配置,得到最终配置。......
  • 【JS逆向百例】某赚网 WebSocket 套 Webpack 逆向分析
    声明本文章中所有内容仅供学习交流使用,不用于其他任何目的,不提供完整代码,抓包内容、敏感网址、数据接口等均已做脱敏处理,严禁用于商业用途和非法用途,否则由此产生的一切后果均与作者无关!本文章未经许可禁止转载,禁止任何修改后二次传播,擅自使用本文讲解的技术而导致的任何意外,作......
  • 探索ArkWeb的奥秘:架构了解与生命周期管理
    本文旨在深入探讨华为鸿蒙HarmonyOSNext系统(截止目前API12)的技术细节,基于实际开发实践进行总结。主要作为技术分享与交流载体,难免错漏,欢迎各位同仁提出宝贵意见和问题,以便共同进步。本文为原创内容,任何形式的转载必须注明出处及原作者。ArkWeb(方舟Web)是华为鸿蒙Harmon......