zoukankan      html  css  js  c++  java
  • 个人网站搭建基本流程

    流程概述

    1. 购买域名
    2. 购买云服务器
    3. 网站备案
    4. 域名解析
    5. 网站内容部署
    6. 申请免费SSL证书并安装
    7. 公安备案
    8. 网站底部添加备案信息
    9. 参考文档及站点链接

    一、购买域名

    华为云腾讯云阿里云一般都有新用户特惠活动,可以以很优惠的价格就购买到一个域名。这里以华为云为例演示购买流程:
    image
    根据自己需求确定好域名后缀后,在输入框中输入域名进行校验,如果域名尚未被别人注册即可购买。
    购买成功后,即可在控制台域名列表中查看到自己购买的域名。后续流程可以直接参照官方指引即可。
    详细流程:参见华为云官方详细介绍文档

    二、购买云服务器

    为了享受新用户优惠,在腾讯云购买了云服务器(CentOs 7.5 64位)。
    image
    购买成功后,在控制台--云服务器--实例,即可看到自己的云服务器实例。

    三、网站备案

    通过腾讯云备案小程序可以很方便的进行网站备案。
    image
    大致流程如下:

    1. 在将备案信息填写提交后,腾讯云会先对备案信息进行审核,帮助我们处理填写中可能有误或不恰当的信息。需要注意保持电话畅通。
    2. 腾讯云初审通过后,会将备案信息提交至相应的管局审核。此时会收到工信部的备案核验短信,需要在收到短信34小时内进入工信部备案管理系统进行短信核验。验证步骤参见文档
    3. 管局审核会有工作人员电话联系以确认身份信息和域名等信息。所以也要保持电话畅通。

    四、域名解析

    域名解析一般在域名注册服务商处完成。我的域名是在华为云注册完成的,所以在华为云控制台来完成域名解析。
    华为云有详细的文档来说明如何配置域名解析以及测试域名解析是否生效,一步步跟着操作就好。

    五、网站内容部署

    在正确完成域名解析之后,就可以尝试通过域名来直接访问我们的网站。但由于我们还未对网站部署任何项目,所以网站是无法访问的。
    这里简单讲述部署一个简单项目的流程:

    1. 使用vue创建一个基本项目,对页面进行排版布局后,打包构建,生成dist目录。
    2. 在腾讯云控制台--云服务器--实例中找到自己的服务器,在右侧操作按钮区域进行登录操作。(登录密码在站内信中可以看到)。
    3. 登录成功后就进入了终端操作界面。使用yum来安装Nginx。
    // 安装nginx
    yum install nginx -y
    
    // 启动nginx
    nginx
    
    // 此时访问==http://<域名>==,可以看到nginx的测试页面。 
    
    1. 修改nginx配置,重设服务器访问路径。
    // 通过vi打开&&编辑nginx.conf文件
    vi /etc/nginx/nginx.conf
    
    // 切换为输入模式
    i
    
    // 找到server { listen 80 ...},将默认的root值/usr/share/nginx/html修改为/data/www
    
    // 保存并退出vi
    ESC
    :wq
    
    // 重启ngigx使配置生效
    nginx -s reload
    
    
    1. 回到终端中根目录下创建/data/www目录
    mkdir -p /data/www
    
    1. 使用FileZilla[下载地址]登录服务器并将vue项目dist目录下的代码上传到/data/www目录下。
      image
    2. 这时再访问 http://<域名> 就可以看到自己写的页面啦~

    六、申请免费SSL证书并安装

    我这里是通过华为云申请的。通过控制台--服务列表--安全--SSL证书管理,进入到SSL证书管理页面,根据流程指引进行申请即可。一般证书在域名验证完成后很快就会签发了。
    域名签发完成后,需要将证书安装到服务器上,安装步骤参见文档Nginx服务器证书安装
    安装证书中比较重要的几个点:

    • 由于版本问题,nginx.conf中的配置内容可能与指引流程中的不完全一样,将注释符号移除后,重点修改server_namessl_certificatessl_certificate_key几个字段。
    • nginx安装目录可能与指引流程中的不一致。比如我的nginx目录为/etc/nginx,可以在nginx目录下新建一个文件夹cert,将证书放在该目录下。这样在nginx.conf配置时,ssl_certificate、ssl_certificate_key就分别配置为/etc/nginx/cert/<证书文件名>、/etc/nginx/cert/<私钥文件名>。注:路径不要包含中文。
    • 最好配置下HTTP自动跳转HTTPS的安全配置

    七、公安备案

    目前基本上各地都在要求ICP备案完成后的30天内必须进行公安备案。我在未部署网站内容之前申请了公安备案,审核没有通过。电话咨询审核人员后告知网站需要部署一些基本内容。
    公安备案过程中可能遇到的问题:

    • 图片无法上传
      解决办法:按照网站提示安装flash,或者直接使用360浏览器。
    • 提交后出现“系统维护中,请稍后重试”
      解决办法:次日或改日重试
    • 网络接入服务商:按照服务器购买平台备案指引中的信息填写。
    • 域名注册服务商:按照域名购买平台备案指引中中的信息填写。
    • 服务类型等配置按照下述截图填写:
      image

    八、网站底部添加备案信息

    等拿到公安备案号后,需要和ICP备案号一起放在网站底部。并分别配置全国互联网安全管理服务平台域名信息备案管理系统的跳转链接。

    九、参考文档及站点链接

    1. 腾讯云网站备案指引文档
    2. 华为云网站备案指引文档
    3. 腾讯云备案短信核验说明指引文档
    4. 华为云SSL证书申购流程指引文档
    5. 华为云SSL证书安装指引
    6. 腾讯云SSL证书安装指引
    7. 腾讯云公安备案流程指引
    8. 华为云公安备案流程指引
    9. ICP/IP地址/域名信息备案管理系统
    10. 全国互联网安全管理服务平台

  • 相关阅读:
    ajaxUtil
    AJAX学习-----与 XML 文件进行交互式通信
    AJAX-----数据库实例
    AJAX学习-----服务器响应
    AJAX学习-----ASP/PHP 请求实例
    scrapy 反扒措施
    scrapy 中文官网学习
    scrapy 破解图片网站防盗链下载
    scrapy 随机中间件配置
    flask 邮件发送
  • 原文地址:https://www.cnblogs.com/snaillu/p/14069922.html
Copyright © 2011-2022 走看看