【Modelground】个人AI产品MVP迭代平台(2)——网站从0-1部署教程

文章目录

  • 1.选购一台云服务器
  • [2. 购买域名](#2. 购买域名)
  • [3. 通过nginx部署静态网站](#3. 通过nginx部署静态网站)
  • [4. 通过gitee在云服务器拉取代码](#4. 通过gitee在云服务器拉取代码)
  • [5. ICP备案](#5. ICP备案)
  • 总结

1.选购一台云服务器

目前阿里云在促销,一台2核2GB内存3Mbps宽带的云服务器,一年只需要99元,学生更便宜,我认为这个成本是大部分人可以接受的。购买地址见:https://www.aliyun.com/product/ecs?spm=5176.28814291.0.0.1cfe3823WZIIIC&scm=20140722.X_data-63d2555265b7c08b8928._.V_1#/

选购完一台云服务器后,进行实例化,就可以通过workbench远程登录了,界面如下:

2. 购买域名

现在的域名更便宜,十年只需要188元,我强烈建议有长期运营个人网站的朋友都去抢购一个。https://wanwang.aliyun.com/domain/searchresult/?keyword=tryiscool&suffix=.space

域名买完以后,为了https使用,需要申请ssl证书,有免费的证书,时长3个月,过期可以继续申请。最多20次,也就是免费证书可以用5年。

审核时间大概几天,审核完成后,还需要做域名解析,按照提示步骤去添加记录即可。生效大概需要10分钟,生效后就可以通过https访问域名了。

3. 通过nginx部署静态网站

nginx部署静态网站非常方便。以windows系统的云服务器为例,去官网下载到本地进行安装,安装完后,在安装目录下,有个nginx.exe运行程序,双击就启动服务了。

当然,也可以在安装目录下,通过命令行进行重启服务:

shell 复制代码
nginx -s reload

最关键的步骤是配置nginx,在conf/nginx.conf文件,打开文件,已经有一些默认配置了,我们可以在此基础上,进行一些修改。如果需要注释掉一些配置,在前面加上#即可。

因为我们主要通过https访问,所以关注 # HTTPS server下面的配置即可。

以tryiscool.space域名为例,配置如下:

json 复制代码
server {
	listen 443 ssl; // 端口,默认443
	server_name tryiscool.space; // 域名
	
	// ssl证书配置
	// 这里从域名证书下载选nginx格式,会有两个文件,ssl文件夹放到conf/下面即可。
	ssl_certificate ssl/tryiscool.space.pem;
	ssl_certificate_key ssl/tryiscool.space.key;
	
	// 文件路由(关键)
	// 创建一个html文件夹,放在安装目录(根目录下)
	// 访问https://tryiscool.space,会匹配下面的路有,找到nginx/html/home/index.html
	location / {
		alias html/home;
		index index.html;
	}
	// 如果你想通过一个域名访问不同的静态资源,就通过路口转发到不同的目录下即可
	// 访问https://tryiscool.space/music-score,会转发到nginx/html/music-score/index.html
	location /music-score {
		alias html/music-score;
	}
	// ...
}

按照上述配置,你可以通过一个域名,访问多个独立的静态服务,方便你扩展自己的业务。

4. 通过gitee在云服务器拉取代码

上述配置完成后,我们还需要将自己本地开发打包好的静态资源上传到云服务器,如何快速地同步呢?

我的建议是将本地打包好的dist文件夹,通过gitee远程私有仓库,同步到云服务器上。为什么选择gitee而不是github?因为国内gitee速度比github快很多。

具体而言,在云服务器上安装git,然后生成ssl密钥,配置到你的gitee中,具体操作可以参考我的这篇文章https://blog.csdn.net/lyandgh/article/details/105931676

本地也是如此,在你的dist文件夹内 git init 后,与远程仓库建立链接,然后把代码push到远程仓库。

然后在云服务器里的nginx/html文件夹下,git clone该仓库,后续通过git pull方式,拉取最新代码。记得每次拉完代码后,要到niginx目录下,执行nginx -s reload,否则新代码不会生效。

5. ICP备案

在国内所有互联网服务都需要备案,否则https访问可能会失败。因此你需要在https://beian.aliyun.com/?spm=5176.5176.0.0.200b750aCt4LE7中走ICP备案,基本需要你给网站起个合规的名字,然后录制一段承诺视频等。备案审核时长大概是一个月内,基本上一周左右可以完成,耐心等待即可。

审核通过后,你需要在你的网站底部放上备案号,同时按照下图所示,你还需要进行公安联网备案申请,这个审核更快,一天就可以完成。

总结

总体的费用是服务器99元+域名188元+域名证书0元=287元,使用时长1年,(域名10年)。

总体耗时大概是2周以内,周期最长的是ICP备案审核和域名证书审核。

以上,你就可以通过域名访问你自己的服务啦!

感兴趣的小伙伴,记得订阅这个专栏,这个专栏提供保姆级从0-1的AI平台搭建实操,一定能帮助到你!

相关推荐
熊的猫几秒前
DOM 规范 — MutationObserver 接口
前端·javascript·chrome·webpack·前端框架·node.js·ecmascript
天农学子几秒前
Easyui ComboBox 数据加载完成之后过滤数据
前端·javascript·easyui
mez_Blog1 分钟前
Vue之插槽(slot)
前端·javascript·vue.js·前端框架·插槽
爱睡D小猪4 分钟前
vue文本高亮处理
前端·javascript·vue.js
开心工作室_kaic7 分钟前
ssm102“魅力”繁峙宣传网站的设计与实现+vue(论文+源码)_kaic
前端·javascript·vue.js
放逐者-保持本心,方可放逐7 分钟前
vue3 中那些常用 靠copy 的内置函数
前端·javascript·vue.js·前端框架
IT古董8 分钟前
【前端】vue 如何完全销毁一个组件
前端·javascript·vue.js
春末的南方城市9 分钟前
开源音乐分离器Audio Decomposition:可实现盲源音频分离,无需外部乐器分离库,从头开始制作。将音乐转换为五线谱的程序
人工智能·计算机视觉·aigc·音视频
Henry_Wu00110 分钟前
从swagger直接转 vue的api
前端·javascript·vue.js
SameX20 分钟前
初识 HarmonyOS Next 的分布式管理:设备发现与认证
前端·harmonyos