到目前为止我已经上线了几个海外工具站点,对其中的技术栈选型也有所了解,梳理下用到的技术栈。

Vercel

关于 Vercel 已经在此前的文章中介绍过。

如果你会 js 技术栈那么 Vercel 是最优选择。

Vercel 提供了免费的容器部署,可以直接和 github 仓库连接。

不需要额外购买云服务,此外 Vercel 提供一定免费额度的数据存储服务。

Vercel 的最大优势在于可以快速、免费、大量地发布网站,以量取胜。

哪个网站起来了就继续投入精力优化,没有流量的直接抛弃。

如果不会 Js 技术栈就选择自己熟悉的技术栈和 SAAS 服务,千万不要去为了省服务器成本而去学一门编程语言,因为时间成本太高。

我因为不会 js 技术栈,而选择了自己熟悉的 Java 技术栈和 Amazon 的 lightsail 服务。

域名服务

我用的服务主要有两个 Namesilo 和 CloudFlare。

Namesilo 的后台比较难用,CloudFlare 能够和自家 CDN 服务无缝集成。

新域名注册现在基本使用 CloudFlare。

数据库

此前介绍过 Subbase 服务。

提供一定量的免费额度,数据库是 PostgreSql。

用户服务

网站需要接入支付就一定需要用户服务,我当时用 Sqlite 自己开发了一套简易的用户服务。

应用一旦接入用户服务就会非常耗费时间,包括数据存储、登录、注册、接口权限校验等等。

其实已经有很多现成的服务能够直接提供用户管理服务,比如 Auth0 https://auth0.com/docs/quickstarts

Auth0 提供了各种技术栈的无缝接入,Js、.Net、Java、Apache、Spring Boot、Android、iOS、Flutter 等等。

甚至各类流行的技术框架也可以直接支持,所以根本没有必要自己开发。

用户登录服务不建议使用用户名、密码登录功能,直接使用三方联合登录即可。

再来看下 Auth0 的价格,https://auth0.com/pricing

每月 7500 个活跃用户免费,支持 Google、Facebook 三方联合登录。

CDN

CloudFlare 提供免费的 CDN 服务和防 DDos 服务。

此外还支持 https 功能,源站甚至不需要部署证书,只要接入 cloudflare 就能直接支持。

图片存储

如果你的网站需要涉及到图片存储的服务,那么推荐 R2。

关于 R2 服务此前的文章也介绍过。

每月 10GB 免费存储,读取数据:1000万次/月免费,操作数据:100万次/月免费。

对于刚起步的应用来说绰绰有余。

支付

想要获取收入就一定要接入支付网关,我目前选择了 3 家,Stripe、Paddle、Lemon Squeezy。

账号都已注册通过,但只接入了一家 Stripe。

综合评估下来,优先选择 Stripe,然后时 Paddle,Lemon Squeezy。

Stripe 只要账号申请下来,后续接入基本没啥问题,各类文档非常完善。

Paddle 申请时需要符合他的一些申请条件,比如 FAQ 页面、隐私政策等。

Paddle 会把每一项规则事无巨细的通过邮件告诉你,且回复邮件的时效性非常快,基本在第二天回复。

Lemon Squeezy 的回复时间非常慢,有些邮件的回复时间可能需要一周。

html 模板

https://tailspark.co/components 提供了现有的 html 模板,包括支付、FAQ、导航栏、博客等等。

可以直接在现有模板上做各种组合,这就好像乐高积木,不同的组件组合就是一个新的网站。

AI 接口

主要推荐四个。

https://replicate.com/

https://huggingface.co/

https://ai.google.dev/gemini-api

https://platform.openai.com/docs/api-reference/authentication

其中 chatgpt 账号门槛较高,需要海外的银行卡,目前 Gemini 提供免费额度版本。

数据分析

在网站上线第一天就要将数据分析一起上线,没有数据就如同瞎子一样,不知道问题出在哪。

Google Analytics 能够记录网站的停留时长、访问量、地区等重要数据,方便查看。

第二个则是 Clarity

Clarity 最大的优势就是能将用户在网站的操作以视频的方式直观展现出来,这样就能清楚的看到用户在哪个操作上中断了(跳出了),以此来做优化。

第三个是 Google Search Console,能够追踪网站的曝光数、排名的变化。

表单收集

Tally 是一个可以在自己的应用或者网站上自助集成的表单系统。

不用编写任何代码就能集成。

可以参看此前写的文章 Tally 使用教程

监控告警

网站如果中断服务需要及时告警,否则容易长时间无法访问。

参看此前的文章 Better Stack 使用教程