使用腾讯云搭建小型项目[继续更新]

偏执的太偏执、 2023-07-04 06:17 11阅读 0赞

# 1 购买设施 #

## 1.1 购买云服务器 ##

购买地址：[https://buy.cloud.tencent.com/cvm][https_buy.cloud.tencent.com_cvm]  
我选择使用Ubuntu18.04操作系统，购买完成后拿到ip地址以及密码使用XShell远程登录：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI2ODIyMDI5_size_16_color_FFFFFF_t_70]

## 1.2 购买域名 ##

另外为了用户体验更好，我买了个便宜的域名：[https://cloud.tencent.com/act/domainsales][https_cloud.tencent.com_act_domainsales]  
实名认证之后进入**云解析**绑定IP地址：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI2ODIyMDI5_size_16_color_FFFFFF_t_70 1]  
注意：如上图所示，如果没有备案，域名可能无法访问，因此如果打算长时间使用域名最好备案。

# 2 安装环境 #

## 2.1 安装jdk ##

由于ubuntu使用的是openjdk（一开始我尝试安装jdk，但是一直安装不上，后来发现可以使用openjdk代替），这里[参照Ubuntu18.04安装JDK][Ubuntu18.04_JDK]安装openjdk：

sudo apt-get install openjdk-8-jdk

安装完成后输入

java -version

测试一下，如果没有报错就安装成功了：  
![在这里插入图片描述][20200208223214776.png]

## 2.2 配置java环境变量 ##

1)输入命令：echo $java\_home  
返回空行；

2）which javac  
返回：/usr/bin/javac

3）file /usr/bin/javac  
返回：/usr/bin/javac: symbolic link to /etc/alternatives/javac

4）file /etc/alternatives/javac  
返回：/etc/alternatives/javac: symbolic link to /usr/lib/jvm/java-8-openjdk-amd64/bin/javac

5）file /usr/lib/jvm/java-8-openjdk-amd64/bin/javac  
返回：usr/lib/jvm/java-8-openjdk-amd64/bin/javac: ELF 64-bit LSB shared object, x86-64, version 1 (SYSV), dynamically linked, interpreter /lib64/l, for GNU/Linux 3.2.0, BuildID\[sha1\]=188538941c7d1d74bf0898da945b092967bd1f6e, stripped

6）sudo echo export JAVA\_HOME=”/usr/lib/jvm/java-8-openjdk-i386/bin”>>~/.bashrc

7）source ~/.bashrc

8）测试命令：vi ~/.bashrc  
查看打开的文件末尾是否成功加入java\_home

## 2.3 安装tomcat服务器 ##

输入指令：

sudo apt-get install tomcat8
    sudo apt-get install tomcat8-docs tomcat8-examples tomcat8-admin

如果没有报错，安装完成。Tomcat服务器的相关指令：

systemctl start tomcat8 
    systemctl stop tomcat8 
    systemctl restart tomcat8

之后的项目将会放在目录：`/var/lib/tomcat8/webapps/`  
接下来启动汤姆猫试试能否通过远程访问到服务器：

systemctl start tomcat8

在浏览器输入：ip\_address:8080，显示如下内容：![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI2ODIyMDI5_size_16_color_FFFFFF_t_70 2]  
多么令人振奋的好消息！接下来就需要开发我们的项目了！

## 2.4 安装redis ##

哦差点忘了，我们还需要一个数据库，这次我想尝试一下非关系型数据库redis，安装很简单：

sudo apt-get install redis-server

安装完成后，Redis服务器会自动启动。  
使用`ps -aux | grep redis`命令可以看到服务器系统进程默认端口6379：

redis    18944  0.0  0.3  50788  3792 ?        Ssl  22:48   0:00 /usr/bin/redis-server 127.0.0.1:6379
    ubuntu   19257  0.0  0.1  13772  1156 pts/0    S+   22:48   0:00 grep --color=auto redis

关于redis的更多配置在使用的时候再介绍。

# 3 测试域名 #

输入http://域名:8080后在微信浏览器显示如下跳转信息：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI2ODIyMDI5_size_16_color_FFFFFF_t_70 3]  
由于我的项目需要在朋友圈转发，这个肯定是不友好的。百度后发现原因：  
***微信浏览器中访问地址中不能带端口号，也不能直接ip访问 ，必须是域名访问***  
遂需要去掉端口号，在命令行输入：

sudo vi /etc/tomcat8/server.xml

找到如下图红框所示区域，将port由8080改为80（或者任意其他数字，最好大于1024），之后重启tomcat。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI2ODIyMDI5_size_16_color_FFFFFF_t_70 4]  
不过重启tomcat之后发现服务器拒绝连接请求了，这是因为从ubuntu10.04起，默认关闭1024以下的端口，输入

netstat -ant

查看，发现果不其然，80端口并未开启  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI2ODIyMDI5_size_16_color_FFFFFF_t_70 5]  
由于80端口小于1024，需要root权限才能监听，而且配置起来可能不会成功，因此我参考[ubuntu部署tomcat遇到80端口无法访问的问题][ubuntu_tomcat_80]使用端口跳转解决这个问题：

先安转iptables

sudo apt-get updatesudo
    apt-get install iptables-persistent

添加 80 端口跳转到 8080 规则

sudo iptables -t nat -A PREROUTING -p tcp --dport 80 -j REDIRECT --to-port 8080

保存跳转规则（失败了好像也不影响）

sudo service iptables-persistent save

然后重启tomcat8

sudo systemctl restart tomcat8

# 4 图片压缩 #

有时候明明很小的一张图，却有上百k的大小，这在加载的时候会非常慢，最简单的方法就是把图片压缩。[tinypng][]是一个很实用的工具，推荐一哈。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI2ODIyMDI5_size_16_color_FFFFFF_t_70 6]

# 使用[bootcdn][]加载js #

bootcdn提供了稳定、快速、免费的前端开源项目 CDN 加速服务，能够更快的加载完成所需要的js等资源。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI2ODIyMDI5_size_16_color_FFFFFF_t_70 7]  
如引入echarts.js:

[https_buy.cloud.tencent.com_cvm]: https://buy.cloud.tencent.com/cvm
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI2ODIyMDI5_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200208220146284.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI2ODIyMDI5,size_16,color_FFFFFF,t_70
[https_cloud.tencent.com_act_domainsales]: https://cloud.tencent.com/act/domainsales
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI2ODIyMDI5_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200208232241722.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI2ODIyMDI5,size_16,color_FFFFFF,t_70
[Ubuntu18.04_JDK]: https://blog.csdn.net/yzj_xiaoyue/article/details/80107055
[20200208223214776.png]: https://img-blog.csdnimg.cn/20200208223214776.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI2ODIyMDI5_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/2020020822445826.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI2ODIyMDI5,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI2ODIyMDI5_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20200208234250112.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI2ODIyMDI5,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI2ODIyMDI5_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20200209081507547.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI2ODIyMDI5,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI2ODIyMDI5_size_16_color_FFFFFF_t_70 5]: https://img-blog.csdnimg.cn/20200209082028233.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI2ODIyMDI5,size_16,color_FFFFFF,t_70
[ubuntu_tomcat_80]: https://blog.csdn.net/binboot/article/details/77013002
[tinypng]: https://tinypng.com/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI2ODIyMDI5_size_16_color_FFFFFF_t_70 6]: https://img-blog.csdnimg.cn/20200211100410678.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI2ODIyMDI5,size_16,color_FFFFFF,t_70
[bootcdn]: https://www.bootcdn.cn/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI2ODIyMDI5_size_16_color_FFFFFF_t_70 7]: https://img-blog.csdnimg.cn/20200211111346144.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI2ODIyMDI5,size_16,color_FFFFFF,t_70