【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平台搭建实操,一定能帮助到你!

相关推荐
水银嘻嘻3 分钟前
12 web 自动化之基于关键字+数据驱动-反射自动化框架搭建
运维·前端·自动化
小嘟嚷ovo25 分钟前
h5,原生html,echarts关系网实现
前端·html·echarts
十一吖i1 小时前
Vue3项目使用ElDrawer后select方法不生效
前端
只可远观1 小时前
Flutter目录结构介绍、入口、Widget、Center组件、Text组件、MaterialApp组件、Scaffold组件
前端·flutter
周胡杰1 小时前
组件导航 (HMRouter)+flutter项目搭建-混合开发+分栏效果
前端·flutter·华为·harmonyos·鸿蒙·鸿蒙系统
无声旅者1 小时前
深度解析 IDEA 集成 Continue 插件:提升开发效率的全流程指南
java·ide·ai·intellij-idea·ai编程·continue·openapi
敲代码的小吉米1 小时前
前端上传el-upload、原生input本地文件pdf格式(纯前端预览本地文件不走后端接口)
前端·javascript·pdf·状态模式
是千千千熠啊1 小时前
vue使用Fabric和pdfjs完成合同签章及批注
前端·vue.js
Blossom.1181 小时前
使用Python实现简单的人工智能聊天机器人
开发语言·人工智能·python·低代码·数据挖掘·机器人·云计算
科技小E2 小时前
EasyRTC嵌入式音视频通信SDK打造带屏IPC全场景实时通信解决方案
人工智能·音视频