手把手带用宝塔面板发布前端项目

全栈学习之路

  • 噫吁嚱,全栈之难,难于上青天。万丈高楼平地起,学习还得靠自己,同志们,盘一盘
  • 今天让我们从一个服务器开始,发布我们的一个前端项目,他讲让你快速拥有一个自己的服务器和自己专属页面,以及后续的nodejs后台,甚至go,java后台服务

服务器的获取

1.服务器的选择

在这里插入图片描述
在这里插入图片描述

2.服务器上安装宝塔面板

  • 在自己购买好的服务器上,选择center os的镜像
  • 一定设置登录密码,不然进不了管理员root权限(因为一些操作需要管理员权限)
  • 在这里插入图片描述
  • 进入管理员模式 su root,然后输入自己设置的管理员密码,输入完成后,按回车键
  • 在这里插入图片描述
  • 安装宝塔面板
  • if [ -f /usr/bin/curl ];then curl -sSO https://download.bt.cn/install/install_panel.sh;else wget -O install_panel.sh https://download.bt.cn/install/install_panel.sh;fi;bash install_panel.sh ed8484bec

宝塔面板搭建前端页面

1.端口放行

  • 当我们安装好宝塔面板时,他会提供一个初始的账号密码
  • 还有访问地址,当然,直接访问的时候,你会遇到很大的问题,打不开。。。
  • 我们需要进入服务器-防火墙-端口放行,宝塔默认是8888端口
  • 在这里插入图片描述

2.登录宝塔后台

  • 利用初始密码登录宝塔后台,后面可以修改账号和密码
  • 需要绑定一个宝塔账号,自己用手机号注册下就行
  • 选择默认安装插件就行,等待下载完成即可
  • 在这里插入图片描述

3.新建一个前端页面

  • 网站—php项目—添加站点,输入服务器域名等操作,即可新建成功页面
  • 关于如何添加不同端口的问题,先随便添加个,然后再添加个你想要添加的,再删除掉无用的
  • 目前就可以访问我们的页面,
  • 我们也可以上传自己的html,需要前端打包工程,yarn build,然后更改站点目录映射到,打包后的文件即可
  • 在这里插入图片描述

预告:搭建node后端接口

  • 下一期我们需要搭建node后台,并创建自己的数据库
  • 这样我们很简单的完成了,前端代码和后端代码的部署,
  • 又像全栈前进一步,加油加油!!!!!
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
好的,下面是手把手带你搭建koa2 mysql项目的教程。 1. 安装Node.js和npm 首先需要安装Node.js和npm,可以在官网下载安装包进行安装。 2. 初始化项目 在命令行中进入项目目录,运行以下命令初始化项目: ``` npm init ``` 根据提示填写项目信息,完成后会生成package.json文件。 3. 安装koa2和koa-router 运行以下命令安装koa2和koa-router: ``` npm install koa koa-router --save ``` 4. 安装mysql模块 运行以下命令安装mysql模块: ``` npm install mysql --save ``` 5. 创建数据库 在mysql中创建一个名为test的数据库,并创建一个名为users的表,包含id、name、age三个字段。 6. 创建连接池 在项目中创建一个db.js文件,用于创建mysql连接池: ```javascript const mysql = require('mysql'); const pool = mysql.createPool({ host: 'localhost', user: 'root', password: '123456', database: 'test' }); module.exports = pool; ``` 7. 创建路由 在项目中创建一个router.js文件,用于创建koa-router路由: ```javascript const Router = require('koa-router'); const pool = require('./db'); const router = new Router(); router.get('/users', async (ctx) => { const conn = await pool.getConnection(); const [rows] = await conn.query('SELECT * FROM users'); conn.release(); ctx.body = rows; }); module.exports = router; ``` 8. 创建服务器 在项目中创建一个app.js文件,用于创建koa2服务器并引入路由: ```javascript const Koa = require('koa'); const router = require('./router'); const app = new Koa(); app.use(router.routes()); app.listen(3000, () => { console.log('Server is running at http://localhost:3000'); }); ``` 9. 运行项目 在命令行中进入项目目录,运行以下命令启动服务器: ``` node app.js ``` 在浏览器中访问http://localhost:3000/users,可以看到数据库中的用户数据。 至此,一个简单的koa2 mysql项目就搭建完成了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

家雀安知鸿鹄志

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值