作为前端工程师而言,随着我们技术的不断提高,我们都在想怎么让自己写的网页项目上线,但这个的前提是有一个属于自己的服务器,而且对于前端需要上线的项目,我们需要一个后台来获取我们所需要的数据,下面我就来讲讲,如何利用腾讯云服务器上传Django后台写的项目(虽然利用Django写的后台并不是很常见,但这个只是为了让自己练手,可以尝试一下)

1.登录腾讯云账户,并选择服务器进行购买

1.1首先要登录腾讯云账户,并完成个人的身份认证

1.2挑选适合自己的服务器

这里我以轻量级服务器为例,

1.3买完服务器后,你的界面的右上角会出现一个控制台的选项

在云产品中选择轻量级服务器,然后在选择你买的服务器

1.4 重置服务器密码

进入到服务器中以后你的右上角会出现一个重置密码的选项(建议手动关机以后在去重置密码)

 点击重置密码后,会出现一个对话框

 根据上面的选项进行填写,假如没有手动关机,设置完成之后就会有一个强制关机的选项,点击强制关机,你新修改的服务器密码就会生效

2.配置宝塔Linux镜像

首先你需要下载一个软件:Xshell,来进行相关的操作

XSHELL - NetSarang Website

下载完成Xshell后,进行服务器的链接

(1)复制你的公网ip地址(服务器端)

注:在这里我就不给大家演示怎么复制了

(2)打开xshell,连接服务器

执行新建命令,会弹出一个对话框

 (3)设置相关操作

 

 完成如上操作后,点击连接,如果你写的没有问题话就会出现如下界面

网络搜索宝塔Linux,进入官网,下载宝塔镜像 

宝塔面板 - 简单好用的Linux/Windows服务器运维管理面板

在里面找到linux面板,使用脚本安装‘(下载图中所示的脚本:Centos)

把以上命令复制到Xshell中,粘贴完之后回车,进行安装

连接成功后

如果你是第一次连接的话,他会出现一个内网和外网的地址,如果不是第一次使用那么就用

bt default

就会出现以下界面

 复制外网地址,在浏览器中打开

 填写xshell中的账号和密码,点击登录

3.上线项目

进入到宝塔界面以后,会出现一个自动安装的弹窗,选择第一个自动安装,然后静静等待....

3.1 进入腾讯云服务器,解放端口

进入服务器内部,找到防火墙

 

 点击防火墙,去解放端口(因为是上传django项目,所以需要用到数据库,所以要解放3306端口,然后解放django项目中你的请求地址的端口)

 图中所示,我的django的请求地址为http://127.0.0.1:8889,所以需要解放8889端口

解放完端口之后,回到宝塔界面

在安全里面,解放3306和8889端口

 3.2导入数据库文件

找到你的数据库,导出为sql,然后在宝塔中的数据库中导入

 点击添加数据库

 填写数据库名称(最好是和你本地的数据库名称一样),填写用户名(不能用root),然后定义密码,填写完之后点击提交,你的宝塔的数据库中就会出现这个数据库

 然后导入你本地的.sql文件,点击导入

 点击从本地上传,导入你的数据库里的内容

 上传完本地文件之后,点击导入,假如显示成功,那么恭喜你,数据库导入成功了

3.3 上传后台文件

点击宝塔中的文件选项

 找到wwwroot文件夹,上传你的django后台项目,记得上传zip文件,提前把你的ddjango项目压缩,然后上传

 压缩包上传到宝塔里之后,双击你上传的压缩包,进行解压

注意:上传django项目之前,要记得要先在本地项目中生成requirements.txt文件

生成requirements命令如下:

pip freeze > requirements.txt

 特别注意:要记得改变自己django项目中的ip地址,因为你的数据库什么的都已经上传到宝塔里面,所以,要记得把setting.py中数据库的ip地址改成自己的公网ip或者域名,还有可以访问到自己后台的ip地址也需要更换,例如把http://127.0.0.1:8889换成http://(自己的公网ip或者域名):8889

3.4 启动自己的后台项目

在软件商店里下载Python项目管理器,下载安装完成之后,让他在首页显示

这样就可以在首页中看到自己下载的python项目管理器了

 点击python项目管理器,去下载python

 点击版本管理,下载你所需要的python版本,本人用的是python3.9所以,下载的是3.9.7(依据个人项目的要求去下载,最好是下载和自己电脑里的python里面一样的版本)

回到项目管理

点击添加项目

 输入项目名称(最好是和你的后台一样的名字,没有特殊格式的要求),然后选择启动的路径(就是上一步中上传的后台项目),选择python版本,框架选择django,启动方式选择uwsgi,启动文件为你的项目里面的wsgi文件,端口号填写你后台的端口号(例如8889),其他选择默认

这些填写完之后点击确定,然后启动

4.上传前端网页项目

点击宝塔中的网站

 然后点击添加站点

然后填写域名或者公网ip(就是你想通过哪个网址把你网页中的内容获取到,不过最好是提前去购买域名,也是为了让自己的网页的网址更加美观)

 然后点击提交,提交成功后,会显示运行中

然后回到文件选项中,你就会发现wwwroot文件夹下会多出来一个和你的域名或者公网ip名称一样的文件夹,

 然后在本地打包你的前端文件,由于我用的是vue脚手架写的前端,所以用

npm run build

这行命令进行打包,然后在你的根目录下就会生成一个dist文件夹,压缩你的dist文件夹

 然后进入到你的宝塔里面的找到刚才的文件夹,然后删除里面所有的东西,上传你的dist的压缩包

 上传成功之后,对你的dist压缩包进行解压,解压成功后,把dist里面的所有文件以及文件夹剪切到刚才网站创建的文件夹中(和dist压缩包同级)

 注意:记得压缩之前修改你的前端请求后端的地址,换成你在宝塔里面设置的后端地址

完成以上步骤,django后台项目以及上线就已经完成

更多推荐