1
Date: 2020-4-24
如果你也有自己的小网站,自己的域名。请让它跑起来,让它穿梭在互联网中,陌生人的微信,抖音,浏览器在这巨大的信息流中留下你的足迹。

接下来,我教你上线自己的网站

如果看完这篇文章,你的网站也上线了。请你告诉我,让我一起和你分享这份喜悦。

先看效果

在线演示

目录

  1. 关键技术点
  2. 开始动手

    1. 购买域名,虚拟机
    2. 安装生产环境套件
    3. 启动自己的项目
    4. 编写 nginx 配置
    5. 重启 nginx
    6. 配置域名映射
  3. 总结
  4. 后记

关键技术点

1. 怎样通过域名访问到我的主机(配置域名DNS解析)
2. 服务器套件 mysql nginx nodejs 等 如何安装
怎样通过域名访问到我的主机
其实这是最简单的一步啦,购买域名的厂商都会有一个域名解析的页面比如阿里云的 云解析DNS

阿里云的 云解析DNS

服务器套件 mysql nginx nodejs 等 如何安装
最简单的办法,安装 宝塔 linxu 面板(图形工具)
官网:https://www.bt.cn/download/linux.html

建议不要重度依赖宝塔,自己还是要系统的学习 linux 知识,然后才能更好的使用工具。我之后也会出一些 linux 的文章。

开始动手

  1. 购买域名,虚拟机

    【域名】 我推荐 阿里云,阿里云是国内最大的云计算提供商。自己的域名我建议不要买 .com 的。比如我这个 xinglong.tech 10年才199元。

阿里云的 云解析DNS

【虚拟机】就是一台虚拟的电脑,云计算服务商从一台超大型计算机中虚拟一台主机给你,国内云计算厂商的都会给你分配公网IP, 我推荐买最低配的1核1GB内存,腾讯云 新用户首年99元。

阿里云的 云解析DNS

  1. 安装生产环境套件

    1. 安装 宝塔 Linux面板 安装教程
    2. 图形界面安装各个软件

阿里云的 云解析DNS

  1. 启动自己的项目

    大部分项目启动的方法都不太一样。你自己的代码你当然是知道怎么启动啦。不过要注意 配置 production 环境

  2. 编写 nginx 配置

    来,上手最简单的 nginx 配置

    1. 在你电脑上新建文件 demo.conf
    2. 打开这个文件写入

      server  {
          listen 80;
          server_name 你的域名; # 注意!!这里需要替换掉
      
          location / {
              proxy_set_header Upgrade $http_upgrade;
              proxy_set_header Connection "upgrade";
              proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
              proxy_set_header Host $host;
      
              proxy_pass http://localhost:你项目的启动端口/; 
              # 注意!!这里需要替换掉
          }
      }
    3. 把这个文件上传到你的虚拟机的 /www/server/panel/vhost/nginx/ 目录下
  3. 重启 nginx

    1. 重启 nginx 使用宝塔图形界面。我还是要建议你学习 nginx 命令,要多多学习 nginx 知识不要对图形界面产生依赖

阿里云的 云解析DNS

使用 ngixn 常用命令

$ nginx            #启动
$ nginx -t         #测试所有的 nginx 配置是否正确
$ nginx -s reload #重启 nginx
$ nginx -s stop    #停止 nginx
  1. 配置域名映射

这是最简单的一步。

阿里云的 云解析DNS
阿里云的 云解析DNS

配置好以后在浏览器里输入你的域名试试看,应该就可以访问到你的网站了。

总结

这是最简单的上线过程,如果你遇到困难了我帮你 wx: guzhan321

我们安装程序的时候严重依赖了宝塔,但是这是不好的习惯。我还是建议你多访问各大软件的官网,看看官网的安装方法以及文档

Nodejs 官网:http://nodejs.cn/
Mysql 官网:https://www.mysql.com/
Nginx 官网:http://nginx.org/

后记

一边实战一边查阅文档是一个很不错的学习方法。借此机会,打开这些工具的官方文档,他们的文档就是最好的学习资料。
抓到我

my_wechart.jpg
share.jpg

资源分享:

石兴龙
127 声望5 粉丝