当前位置:   article > 正文

新手云服务器上搭建个人网站+数据库(宝塔面板)_宝塔软件 erp数据库

宝塔软件 erp数据库

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
  • 1

查看防火墙放行端口

firewall-cmd --list-ports
  • 1

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

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

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

sudo firewall-cmd --reload
  • 1

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

  • 3.3 宝塔面板建站

搭建网站
根目录

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

网页文件

建站默认默认网页,访问例如http://47.111.222.333:5555/ (公网ip+端口)

默认网页


4.创建云数据库服务器

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

登录mysql

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

使用study数据库

use study;
  • 1

创建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;
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

插入数据

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

查看数据

select * from user;
  • 1

查询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)
  })
})
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43

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

在这里插入图片描述

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

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

pm2 -v
  • 1

查看 node 版本

node -v
  • 1

cd 进入 api.js 文件目录

cd /www/wwwroot/nodeServer/
  • 1

初始化

node init -y
  • 1

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

npm install express mysql cors body-parser
  • 1

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

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

pm2 管理服务自行了解。

  • 4.6 本地浏览器测试 (测试工具 postman apifox)
    测试
  • postman 测试

postman

大功告成!!!

5.上传自己的项目

问: 全栈开发还远吗????
答: 是的,很远~~,从入门到放弃!!

6.尾语

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

鸡汤

前进!!!!!

本文内容由网友自发贡献,转载请注明出处:【wpsshop博客】
推荐阅读
相关标签
  

闽ICP备14008679号