【科技种草】如何免费搭建动态网站

  快应用备案     |      2023-08-23
【科技种草】如何免费搭建动态网站

前言

我们知道,建设网站往往需要以下几个步骤:

域名注册服务器购买数据库购买或部署网站设计网站开发网站备案网站在中国上线网站,域名也必须备案,仅域名备案就需要几周的时间。整个过程结束后,可能需要花费很多时间来启动一个网站moon。如果选择云服务器,各大云平台的新用户第一年还是有折扣的,明年续费就要花不少钱。本文将介绍如何以最小的成本、最短的时间开发和部署一个动态网站。

购买域名

您可以选择Freenom作为免费域名。当然,您也可以选择不使用域名。如果选择Vercel部署,会自动分配一个二级域名,这个也非常有用。当然,域名注册也很便宜,最低1元钱。我这里选择的是腾讯云。购买后只需实名认证(上传身份证等信息)即可直接解析域名。

网站设计

对于程序员来说,网站设计可能会困扰你。你可以去dribbble、zcool等网站搜索你想要实现的app,选择一个好看的设计应用到你的网站上。

如果你了解TailwindCSS,我推荐VSCODE安装这个插件tailwind-snippets,它可以快速帮助我们发出常用的代码片段。您可以在https://www.tailwindsnippets.ml/snippets查看效果,快速实现我们的html页面

部署

Vercel

Next.js 开发商Vercel 最近筹集了1.5 亿美元的D 轮融资。 Vercel注册我就不说了,建议使用GitHub登录,点击new project创建项目,这个项目可以从自己的GitHub库导入或者选择Vercel给的模板,模板首先由Vercel 给出(如下图),它也会被导入到你自己的GitHub 库中。简而言之,你必须首先将内容导入到GitHub库中。

Vercel 为个人用户提供

自动HTTPS/SSL 带宽100 GB 并发构建,每天10 万次调用无服务器功能所以Vercel 不仅支持静态网站,还支持Nodejs 动态网站,如果你想要其他后端语言

你可以选择heroku

heroku

Heroku是一个支持多种编程语言的云平台,在Heroku上提供Heroku Postgres、Heroku Redis、Apache Kafka、

虽然Heroku 提供了比较全面的编程语言和数据库支持,但免费用户也支持

使用Git和Docker部署自定义二级域名容器来编排自动操作系统补丁,但heroku对国内用户不太友好。第一点是中国的访问速度没有Vercel快。第二点是163和QQ邮箱都不能注册。您需要另一个电子邮件地址才能注册,第三,没有免费的ssl。第四个项目的源码只能有500M。

数据库选择

MongoDB

选择https://cloud.mongodb.com/

创建数据库时选择free;

地区可以选择日本或新加坡。

然后创建一个用户

密码是自动生成的,请复制密码

接下来,创建允许连接的IP 地址

选择链接到此处的任意位置

接下来选择数据库并单击连接

您还可以选择开发语言

上面的密码应该替换为刚刚创建的用户的随机生成的密码

mysql

mysql可以选择https://planetscale.com/

对于免费用户,您可以:

每月10GB 存储每月读取1 亿行每月写入1000 万条每个数据库3 个分支1,000 个链接每日自动备份社区支持您可以直接使用Github 登录,按照指南直接进入最后一步创建数据库,

地理位置选择最近的新加坡或者日本。

可以在命令行管理数据,点击上图按钮随机生成密码,密码必须由用户手动保存,以后登录时看不到

域名解析

Vercel绑定域名

关于绑定域名我就不多说了,直接去自己的域名平台,将域名cname为cname.vercel-dns.com,然后Vercel会自动为你生成证书。

网站备案

这里介绍的解决方案都是没有在大陆部署的服务,所以你可以选择不备案,但是如果你想在大陆运营,海外的速度往往跟不上,所以你还是必须选择大陆服务器并备案必备,各大云服务商都提供备案服务,只需按要求填写网站信息即可。

如果你之前没有购买过【云服务器】,可以购买3年2核4G轻量级应用服务器。

如果您是切换QQ登录的老用户,也可以购买。毕竟服务器在中国,在其他国家要快很多。

我建博客的时候已经是16年前的事了,具体步骤我现在已经不记得了。

请记住,备案方会向您邮寄窗帘,根据要求拍照并将其寄回。并不复杂,只是需要很长时间。

最后

下一步是运营网站。需要为网站吸引流量,带来更多的精准用户,这样网站的价值才能最大化。推广的主要渠道和方式有SEO、SEM、新媒体、信息流广告等,如何做好网站推广是另一个大话题。

结语:以上是域名和网站建设相关的。希望这篇文章对大家有所帮助。您也可以参考我之前的文章或者在评论区交流您的想法和经验。欢迎大家一起探索前端。