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 を正常にデプロイできます。また、/feedサイトマップ/sitemapのルーティングは Mix-space の作者@Inneiによって更新され、解決されました。感謝します。

準備#

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

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

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

デプロイ#

このブログでは 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

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