前端福利:免费云服务器和更多福利

在现在的市场环境下,我们还能白嫖哪些东西?还有什么东西是我们能不花钱就能享受的服务?作为一个前端,大家也是需要各种免费的资源吧?下面给大家介绍一些目前还能白嫖的服务。

云服务器

纯前端当然只需要一个vscode就可以了。但是前端往往都需要全栈,一个可用的服务器就必不可少,下面就推荐一些我用过或者了解到比较好用的服务。

cloudflare

https://dash.cloudflare.com/

image-20240909102607262

首先推荐的是cloudflare。功能齐全,使用友好,中文语言支持,这些都是支持我们第一个就会考虑的云厂商。再加上国外公司,天然就支持各大访问不了的API,作为一个中转站也非常合适。就是大部分网络打不开,需要开VPN才能打开后台。

免费支持的功能主要有:

  1. 网站。主要是域名的DNS解析。可以查看域名访问情况和流量。还有一些高级功能,类似:HTTP缓存、SSL证书、自定义路由、安全防护、Worker关联、第三方关联等。

  2. Worker和Page。弹性容器和存储等。其中Worker是支持Nodejs的容器云(可以这么理解)。KV是类似于Redis的数据库。D1是SQL类型的数据库。

  3. R2,。对象存储,类似于阿里的OSS。

image-20240909103705977

image-20240909103511838

cloudflare的使用主要集中在Worker上。在Woker中创建一个新的Worker项目,然后在在线代码编辑或者本地编辑对应的代码。这样一个简单的云服务就开发好了。可以做到一个服务器可以做的大部分事情。系统默认给一个域名(带SSL的),记的在后台查看对应的域名是什么。

简单的一个midjourneyapi转发的例子:

const MID_URL = 'https://api.midjourneyapi.xyz';

addEventListener('fetch', event => {
  event.respondWith(handleRequest(event.request))
})

async function handleRequest(request) {
  const url = new URL(request.url);
  console.log(request.url);
  if(url.pathname === "/")return new Response("首页");



  const headers_Origin = request.headers.get("Access-Control-Allow-Origin") || "*";

  const next_host = request.headers.get("next-host") || "";


  url.host = MID_URL.replace(/^https?:\/\//, '');
 
  url.protocol = "https:";
  const modifiedRequest = new Request(url.toString(), {
    headers: request.headers,
    method: request.method,
    body: request.body,
    //redirect: 'follow'
  });
  const response = await fetch(modifiedRequest);
  const modifiedResponse = new Response(response.body, response);
  // 添加允许跨域访问的响应头
  modifiedResponse.headers.set('Access-Control-Allow-Origin', headers_Origin);
  return modifiedResponse;
}

当然,除了上面的简单用法,还可以在网站中添加自己的域名。然后绑定对应的Worker,给自己配一个合适的域名。

也可以在项目中增加对数据库的依赖,利用免费的D1或者R2数据库来完成自己的订制需求。

Google云

https://console.cloud.google.com/

image-20240909104629601

google提供非常全面的云产品,大部分产品都有一个有限的免费使用量。同时新用户还有获享 $300 赠金,免费试用 90 天。

以下是可以免费使用的项目,每个项目对应不同的免费使用量。参考地址:https://cloud.google.com/free/docs/free-cloud-features?hl=zh-cn

image-20240909105111725

我们用这些资源可以参考:

  1. 使用App Engine创建自己的云服务器。App Engine类似于一个docker的使用。我们可以自己创建自己的服务,包括纯前端框架服务ReactJS、VueJS等。也可以创建纯服务端内容包括简单的NodeJS服务或者类似NextJS的框架服务。

  2. 如果使用量更少,也可以参考Cloud Functions,创建云函数调用。启动会慢一些,但是在较低使用频次的场景或者对及时性要求不高的场景下,可以使用Cloud Functions来代替不间断运行的NodeJS服务。

  3. 使用存储服务保存数据或者文件。包括BigQuery、Firestore。(其他不推荐)

需要注意,很多服务在有流量次数等限制的基础上还要求不得包含中国地区。或者是要求只能发生在北美地区。比如Cloud Storage就要求存储仅限美国,同时流量流出不包括中国和澳大利亚。

AWS(亚马逊云)

https://aws.amazon.com/free/

image-20240909110950916

亚马逊云区分海外和中国2种情况,海外的免费内容更多一些。免费内容主要包含试用、12个月免费和永久免费。个人额感觉短期内的免费只适合临时用一下的场景,对于我这种懒人来说,只考虑长期免费的项目。

可用内容和方式如下:

  1. AWS Lambda,也就是云函数版本。可以用来做少量或者不要钱速度场景下的网站/服务建设。

  2. Amazon CloudFront,类似于CDN,可以用来做静态内容的分发和加速。有1TB的免费流量。

  3. Amazon DynamoDB,一种NoSQL数据库。

亚马逊的内容大多数集中在12个月的免费试用期内。如果只是在12个月内使用,亚马逊还是非常方便的。

Koyeb

https://www.koyeb.com/

image-20240909111750416

Koyeb提供的是云服务器,类似于一个K8S环境。免费账号提供1个网站和1个pg数据库。作为一个国外网站,免费账户也不需要你绑定信用卡什么的,还是很方便的。

需要注意的是,Koyeb的网站创建是从Github或者Docker上面直接拉去的内容。如果你的项目在Github上或者发布到了Docker镜像市场,那么正好可以使用这个公司的产品。如果不是的话,就要考虑一下是不是合适了。

image-20240909112249262

goormide

https://ide.goorm.io/

image-20240909113319326

goorm提供的是一个在线的工作环境,有点类似于一个云服务器版本的IDE。目前看主要是侧重于给AI开发和学习的人使用的。

免费账号提供每个月45积分,月内有效,月底失效。实测NodeJS环境最低消耗2.25积分/小时.

image-20240909113739321

其他云服务器

其他还有一些可以白嫖的云服务器,但是大多数情况要不公司较小可能随时跑路。要不就是不稳定,使用其他一堆问题。这里提供另外一种思路,就是白嫖部分云服务器的流量。

非亚洲区域很多网站都是支持无限流量的。在面向这部分地区的时候,完全可以利用他们的流量来做一些大流量的项目。尤其是视频和下载的项目,流量还是很充裕的。

image-20240909114619856

域名解析

上面的厂商大部分都有自己的解析服务,除了这些这里再提供几个制作解析的免费服务。

image-20240909121311404

https://www.dns.la/ 除了解析还提供一个自定义路线的能力,可以划定IP范围。

image-20240909121631928

https://www.dnspod.cn/ 已经被腾讯收购。除了正常的解析之外还提供HTTPDNS服务。

CDN和云存储

如果我们项目中还需要依赖静态资源或者其他文件的情况下,我们还需要一个静态资源的存储服务厂商。

七牛

https://www.qiniu.com/

image-20240909115037885

七牛是国内的云存储厂商,提供每个月的固定额度免费资源。目前从官网看也提供一些其他的认证、人脸识别等服务。

我们主要考虑的就是云存储和分发的部分。存储计费稍微麻烦,区分存储和读写部分。CDN主要是流量,提供一个月10GB的免费流量。在使用的过程中要参考自己的实际情况来看。本人之前就是用来分发APK的时候不小心配到了公司项目上,结果半夜打电话说我流量超了。。。。心疼。

image-20240909115013232

使用方式也是比较简单。在后台对象存储菜单中创建一个自己的空间,后面的文件就直接调用API往这个空间中存就行。

image-20240909115822929

需要注意,要正常访问文件还是要配置一个域名的。根据文档操作就行。
另外一个值得一提的是回源设置。如果要用CDN加速我们的静态资源,除了直接上传之外还可以选择回源。用户访问的时候CDN节点上如果没有文件就会从我们配置源站上获取。

image-20240909120201129

FreeCDN

https://www.freecdn.pw/

image-20240909120428252

FreeCDN提供的是CDN的服务,会把我们现有的资源放在CDN节点上做加速。而且这个网站支持国内和海外的加速设置。如果我们只是需要一个CDN加速的话,这个网站也是一个很好的选择。

需要注意的是,网站内部明确说明了禁止视频加速。如果发现会封账号。

防御

https://www.scdn.io/

image-20240909120851703

上面的几个厂商有的是带防御的,可以防止黑客攻击。有的是不带防御的,可能一次攻击,流量就超限制了。所以这里再看一个免费的提供防御的厂商。

需要注意的是,除了非法用途的网站之外,这个厂商还禁止短链、采集类网站的使用。

SSL证书

除了网站和DNS这些,正常的一个网站要想能在各个浏览器打开,还需要一张SSL证书。上面有的网站提供免费的证书服务,有的不提供。但是免费的证书普遍需要隔3个月申请一次,而且过期了也很难知道。

HTTPSOK

https://httpsok.com/

image-20240909122850238

HTTPSOK支持证书的管理和申请,免费证书最多5张。相当于最多5个域名,证书到期可以替换。也支持自动部署和证书监控。会在证书到期前给公众号通知。这个还是比较方便的。

需要注意的是,自动部署免费50次。注册需要关注公众号。

OHTTPS

https://www.ohttps.com/

image-20240909122009160

OHTTPS主要就是提供证书和证书相关服务。免费证书支持泛域名,使用上比较方便。同时也支持自动部署(部分应该用不上),证书监控和通知。

他们的证书使用都是免费的,但是部署和监控是需要消耗积分的。账号新注册送500积分,监控每天消耗2积分,可以使用一段时间。后面要注意收费前记得处理一下。

其他

除了上面的几个还有一些没有提到的厂商,比如阿里云(3个月免费,最多20张),腾讯云(3个月免费,最多50张)、火山引擎(3个月有效,最多20张)。还有一个是华为云提供私有证书,不太清楚有什么坑了。

还有一些就是自己开发的了。毕竟免费证书不仅这些厂商可以申请,我们自己也是可以申请的。具体可以看看我之前发过的SSL相关内容。
https://juejin.cn/post/7380730718295867402

其他免费内容

有上面的几个资源,相信我们的网站至少可以满足大部分情况下的使用了。还有一些其他的免费资源可以供我们自己使用。

免费ICON

国内比较常用有iconfont
https://www.iconfont.cn/
image-20240909134035601

海外站ICONIFY
https://iconify.design/

image-20240909134352960

海外站ICONFONT,需要梯子
https://icofont.com/

image-20240909134416296

免费邮箱

免费邮箱主要是接收通知、注册账号等场景使用。下面推几个用得着的网站。

免费使用邮箱
国内的腾讯邮箱算是比较好用的,跟QQ关联而且可以做到微信通知和APP通知。很多海外网站也是支持腾讯邮箱的。

阿里邮箱免费使用,界面还不错。其他的像163、新浪等都有。

临时邮箱
https://temp-mail.io/zh
image-20240909134617622

就是临时用,用完就可以不要了。

免费的图片音乐素材

有很多素材网站是可以免费使用,没有版权问题的。这些网站大部分是海外网站,有很多还是支持中文的。
图片部分
image-20240909135122952

https://pixabay.com/

image-20240909135209253

https://www.pexels.com/zh-cn/

image-20240909135315213
https://cn.dreamstime.com/

image-20240909135426531
https://www.kisscc0.com/

音乐部分

image-20240909135525019
https://pixabay.com/zh/music/

image-20240909135618834
https://www.ear0.com/

视频部分
image-20240909135649689
https://pixabay.com/zh/videos/

image-20240909135831199
https://coverr.co/

可以看到pixabay是真强,什么都有。

免费API

还有一些免费的api,可以通过调用API的方式实现很多有趣的功能。

*** API市场 ***

image-20240909140405016
https://api.aa1.cn/author/1

image-20240909140555930

image-20240909140254433

https://uapis.cn/ 部分免费,不想发地址。

image-20240909140127810

https://dev.qweather.com/ 天气API

消息推送

有时候我们也很需要一些通知类服务,帮助我们进行定时任务的管理等。常用的有钉钉、公众号、邮件等。也有一些是聚合这些的,用起来也是比较方便的。

image-20240909140800178
https://push.i-i.me/

image-20240909141028589
https://www.pushplus.plus/

我们鼓励分享,同时也鼓励大厂能分享到个人开发工作者更多的资源,促进技术的产生和进步。


前端福利:免费云服务器和更多福利
http://guofangchao.com//archives/OUPEzzgC
作者
疯狂紫萧
发布于
2024年10月18日
许可协议