banner
miaoer

miaoer

喵二の小博客 https://www.miaoer.net xLog 分站
tg_channel
telegram
bilibili

Mix-space kami テーマデプロイメント Serverless ゴミホストを救う

前言#

私のアメリカのフェニックスのホストは、Mix-space のフロントエンドとバックエンドが少し遅く、最近攻撃を受けてさらに悪化しました。Tencent Cloud の CDN トラフィックはすべて消えてしまい、200 の巨額な損失を被りましたが、その後 Tencent Cloud は返金に同意しました。しかし、その後 Tencent Cloud でビジネスを展開するのは非常に気まずく、再度攻撃を受けたらどうなるか……

::: gallery
1
2
:::

途中で Cloudflare を使用してフロントエンドとバックエンドのサービスを保護しましたが、ピーク時の速度は非常に理想的ではなく、代理の条件はすべての訪問者が持っているわけではありませんでした;

そのため、Serverless を使用して Mix-space のフロントエンドとバックエンドをデプロイすることを考えていますが、現時点では最新の Shiro はバックエンドとデータベースのサポートが必要です。とりあえずフロントエンドの問題を解決し、バックエンドは Cloudflare を使用しても非常に速いです。このブログでは、Kami を Serverless にデプロイするチュートリアルをお届けします。

Serverless サービスプロバイダー

ここでは、この 2 つの Serverless サービスプロバイダーをテストしましたが、どちらも Kami を正常にデプロイできます。また、Mix-space の作者@Inneiによって、/feedサイトマップ/sitemapのルートを購読できない問題が更新されて解決されました。感謝します。

準備#

その前に、バックエンドのすべてのサービスをデプロイしてください。まだデプロイしていない場合は、 デプロイを行う

私たちはFrok mx-space/kamiを自分の GitHub リポジトリにフォークする必要があります。

また、静的リソースを準備する必要があります。例えば、サイトのアイコン、Google サイトの確認…… 例えば、私の今回の コミットを確認してください。

デプロイ#

このブログでは Vercel を使用したデプロイの例を示します。まず、新しいプロジェクトを作成し、私たちのフォークしたリポジトリを見つけてImportをクリックします。

環境変数 Environment Variables の中に API リンクとバックエンドアドレスを入力します。


NEXT_PUBLIC_API_URL   https://api.miaoer.xyz/api/v2  ## APIアドレス
NEXT_PUBLIC_GATEWAY_URL  https://api.miaoer.xyz  ## Gatewayアドレス

## 例をそのままコピーしないでください

その後、Deplay をクリックすればデプロイが成功します。

ドメイン#

デプロイが完了すると花火が上がりますが、急いで喜ばないでください。Add Domainをクリックしてあなたのドメインをバインドし、あなたのフロントエンドドメインをここではwww.miaoer.xyzの例で入力し、クリックしてAddします。

Type  Name  Value
CNAME www cname.vercel-dns.com.

これで DNS サービスプロバイダーで解析を行う必要があります。wwwのレコードを追加し、CNAME ターゲットにcname.vercel-dns.com.を入力すれば解析が完了します。少し待つと SSL/TLS 証明書がデプロイされます。

楽しんでください~

![]((https://cdn.miaoer.xyz/notes/23-08-28/blog-23-08-28.png)

この記事はMix Spaceによって xLog に同期更新されました。元のリンクはhttps://www.miaoer.net/posts/blog/mx-kami-serverless

読み込み中...
文章は、創作者によって署名され、ブロックチェーンに安全に保存されています。