新手云服务器上搭建个人网站+数据库（宝塔面板）

1.环境准备

  • 一台云服务器。

推荐大厂：阿里云，华为云，腾讯云，百度云等,这里我的操作系统是centos7。

服务器

2.连接云服务器安装宝塔面板

提示：ssh，xshell，Workbench 都可以远程连接

  • 2.1这里我使用面板自带的Workbench连接。

远程登录

安装成功后会有登录信息，访问链接进入宝塔面板，安装宝塔面板推荐的 LNMP 这个系统 也就是下面这几个软件。

软件

3.建立网站

  • 3.1 设置安全策略和防火墙

服务器安全策略打开一些常用端口 例如mysql3306端口，http443端口，在创建一些建站端口，我的是5555,5354端口，后面自己的网页就是ip+端口(没有购买域名，学习够用就行)。

安全策略

  • 3.2 服务器防火墙（centos）
    防火墙

查看防火墙是否开启

systemctl status firewalld.service

查看防火墙放行端口

firewall-cmd --list-ports

永久添加5555端口，放行端口

firewall-cmd --zone=public --add-port=5555/tcp --permanent

重新加载防火墙配置，再次执行上面代码查看放行端口

sudo firewall-cmd --reload

注意：后面建站访问不起一定一定一定是你运行商服务器安全策略没打开，防火墙没放行端口
注意：后面建站访问不起一定一定一定是你运行商服务器安全策略没打开，防火墙没放行端口
注意：后面建站访问不起一定一定一定是你运行商服务器安全策略没打开，防火墙没放行端口
重要！！！！！！！！

  • 3.3 宝塔面板建站

搭建网站
根目录

这里是创建网站的默认文件（可以换成自己的）

网页文件

建站默认默认网页，访问例如http://47.111.222.333:5555/ （公网ip+端口）

默认网页

4.创建云数据库服务器

  • 4.1 宝塔面板创建数据库，这里我选择的是mysql
    mysql
  • 4.2 登录mysql,执行以下命令登录，出现mysql>命令符登录成功
mysql -u study -p

登录mysql

  • 4.4 创建简单的mysql表 (可以使用 navicat 工具来管理数据库)

使用study数据库

use study;

创建user表

CREATE TABLE `user` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `name` varchar(50) NOT NULL,
  `info` varchar(255) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=50 DEFAULT CHARSET=utf8;

插入数据

 INSERT INTO user (name, info) VALUES ('xiaotang', '66666666666');

查看数据

select * from user;

查询mysql数据

这里数据库的操作就好了。

  • 4.3 创建 api 接口服务器了 （这里使用 node.js 搭建）
/* api.js */
const express = require('express')
const app = express()
const mysql = require('mysql')
const cors = require('cors')
const bodyParser = require('body-parser')
/* 中间件处理跨域 */
app.use(cors())
/* 连接mysql数据库 */
const db = mysql.createConnection({
  host: 'localhost',
  port: '3306',
  user: 'study',
  password: '123456',
  database: 'study'
})
db.connect((err) => {
  if (err) {
    console.log(err)
  } else {
    console.log('success')
  }
})

app.use(bodyParser.json())
app.use(bodyParser.urlencoded({ extended: true }))
/* 监听5354端口 */
app.listen(5354, () => {
  console.log('——————————服务已启动——————————')
})

// 查看服务启动没有，返回的html元素
app.get('/', (req, res) => {
  res.send('<p style="color:red">服务已启动</p>')
})

/* 创建api */
app.get('/user', (req, res) => {
  db.query('select * from user', (err, result) => {
    if (err) throw err
    res.send(result)
  })
})

本地写的api.js上传到服务器，可以使用 scp 命令，winscp工具，这里我使用的宝塔功能，上传到我在 wwwroot 下创建 nodeServer 这个文件夹里，其他文件先不用管都是后面生成的。

在这里插入图片描述

  • 4.5 搭建 node.js 环境，使用宝塔一键安装，宝塔面板->软件商店->PM2管理器，安装完成后远程终端查看。

pm2
查看 pm2 版本 有则安装成功，无则失败

pm2 -v

查看 node 版本

node -v

cd 进入 api.js 文件目录

cd /www/wwwroot/nodeServer/

初始化

node init -y

安装 api.js 依赖 express mysql cors body-parser 

npm install express mysql cors body-parser

在当前文件路径下 运行 node 服务

node api.js 或者 pm2 start “node api.js”

pm2 管理服务自行了解。

  • 4.6 本地浏览器测试 （测试工具 postman apifox）
    测试
  • postman 测试

postman

大功告成！！！

5.上传自己的项目

问： 全栈开发还远吗？？？？
答： 是的，很远~~，从入门到放弃！！

6.尾语

学习是漫长的，要长期坚持，一步一个脚印！未来的你一定会感谢今天努力学习的你 —— 心灵鸡汤

鸡汤

前进！！！！！