宝塔部署svelteKit - golang项目

宝塔部署svelteKit - golang项目

我要部署的项目是一个数据库实验的作业，是一个课程管理系统，前端使用的是SvelteKit，后端使用的是go。这里记录前端部署的流程，我是用宝塔面板进行部署的，如果我描述的有问题，欢迎各位在评论区提出。

宝塔面板部署前端

1.打包

• 首先在项目找到这两个文件
  

vite.config.js这个文件是用于开发环境，比如说配置后端的接口地址、插件配置等，它是不会影响项目的构建的，也就是不影响npm run build这条指令

svelte.config.js用于定义如何将项目打包和优化以用于生产环境。

• 修改适配器
  未修改前这个文件的内容如下：

  import adapter from '@sveltejs/adapter-auto';
  
  /** @type {import('@sveltejs/kit').Config} */
  const config = {
      kit: {
          adapter: adapter()
      }
  };
  
  export default config;
  
  

  在执行npm run build指令后，系统会在.svelte-kit目录下生成一个output文件，这里面就是打包好的文件。这是因为在svelte.config.js文件中默认使用的是adpater-auto，也就是自动适配,使用这个是适配器svelte打包时会根据当前的环境选择最合适的适配器。但是在windows下选择这个auto的适配器就不会像vue项目打包后生成dist文件，这个dist文件是直接传到服务器上就能够使用的，但是output这个文件不行。
  想要像vue项目这样打包后生成dist文件，就需要修改svelte.config.js文件中的适配器，采用 adapter-static。采用这个适配器，就会生成适用于静态网站的打包文件，这个打包文件就是可以直接传到服务器上。

import adapter from '@sveltejs/adapter-static';
/** @type {import('@sveltejs/kit').Config} */
const config = {

	kit: {
		adapter: adapter({
			pages:'build',
			assets:'build',
			fallback: 'index.html',
			strict: true,
		}),
	},
};

export default config;

• 什么是适配器？
  https://kit.svelte.js.cn/docs/adapters
  用一个简单的比喻来理解适配器：
  想象你要在不同的电视上播放同一部电影。这部电影就像是你的 SvelteKit 应用，而不同的电视则像是不同的服务器或托管服务。每种电视都有自己的接口和播放方式，比如老式电视需要AV线，新式智能电视可能通过HDMI或WiFi连接。
  适配器就像是一个万能转接头，它能让你的电影（应用）适应不同的电视（服务器）。你不需要改变电影本身，只需要用正确的转接头（适配器），就能在任何电视上播放。
  适配器的作用：它让你的应用能够适应不同平台的要求。
  好处：你只需关注应用开发，适配器会处理如何展示它。
  灵活性：可以轻松地将应用“播放”在不同的平台上，无需为每个平台单独调整。
• 打包
  执行npm run build指令，稍等一会，就可以看到在项目录中生成一个build文件，这个就是项目打包文件。
  

2.部署

• 购买服务器，部署宝塔面板
  这里我就不描述了，网上有很多资料

• 将打包的文件上传到服务器上

  1. 创建course-system文件夹
     

  2. 将build文件夹中的内容上传到course-system文件夹中
     

• 添加站点信息
  

• 配置站点信息
  

• 上服务器上开放6666这个端口号（你在创建站点时用的那个就开房哪个）

• 访问该站点就可以看到自己的前端项目啦
  

部署golang

参考文章:https://blog.csdn.net/m0_63512120/article/details/137200254?ops_request_misc=&request_id=&biz_id=102&utm_term=%E5%AE%9D%E5%A1%94%E9%83%A8%E7%BD%B2golang&utm_medium=distribute.pc_search_result.none-task-blog-2_allsobaiduweb~default-3-137200254.142^v100pc_search_result_base6&spm=1018.2226.3001.4187

1.安装golang环境

• 1.下载适用于linux的golang安装包。可以去官网下载，也可以在阿里云这个网站下载https://mirrors.aliyun.com/golang/。本项目下载go1.21.12.linux-amd64.tar.gz这个包。
• 2.把下好的包放入服务器中，执行指令安装golang

  tar -C /usr/local -xzf go1.22.1.linux-amd64.tar.gz 
  

• 3.添加环境变量

   echo 'export PATH=$PATH:/usr/local/go/bin' >> ~/.bashrc
  

• 4.立即生效

  source ~/.bashrc
  

• 5.检查是否安装成功

  go version
  

• 6.设置Golang的GOROOT和GOPATH

  echo 'export GOROOT=/usr/local/go' >> ~/.bashrc
  echo 'export GOPATH=/www/wwwroot/goweb' >> ~/.bashrc
  source ~/.bashrc
  

部署

• 1.创建go/course-system文件夹，并将golang代码放入该目录，执行下面指令打包项目

  go mod tidy
  go build
  

• 2.为go项目创建一个站点信息，即可完成部署
  
  
• 3.利用Postman测试后端项目是否部署成功