golang バイナリへの sveltekit の埋め込み
php エディタ Baicao は今日、SvelteKit を golang バイナリ ファイルに埋め込むという興味深いテクノロジーを紹介します。フロントエンド テクノロジーの継続的な開発により、ますます多くのフレームワークやツールが登場しています。新しいフレームワークとして、SvelteKit はコンパイル時にアプリケーションを構築することで、より高速な読み込み速度とより高いパフォーマンスを提供します。この記事では、SvelteKit アプリケーションを golang バイナリに埋め込んで、より便利なデプロイと配布を実現する方法を説明します。
質問の内容
embeddを使用して単一のバイナリファイルを提供し、sveltekit Webサイトを含めようとしています。私はルーターとしてchiを使用しています。しかし、うまくいきません。以下のオプションのいずれかを取得します。私の理解では、embedd all:
オプションを使用すると、プレフィックス __
が付いたファイルが確実に含まれるようになります。メイン v1 の stripprefix
メソッドのバリエーションも試しました: /uibuild/
または uibuild/
など...
誰かがそれに光を当ててくれませんか?
サンプルリポジトリ
- ディレクトリのリスト、私の場合は「uibuild」
- 「/」に空白のページがありますが、Chrome コンソールではネストされたファイルに対して 404 エラーが表示されます。 404 はホームページ「/」に表示されます。
薄型構成: リーリー
main.go v1:
これによりエラー 3 が生成されます。リーリー
main.go v2:
これによりエラー 2 が発生します。リーリー
ファイル構造:
import preprocess from "svelte-preprocess"; import adapter from "@sveltejs/adapter-static"; /** @type {import('@sveltejs/kit').config} */ const config = { kit: { adapter: adapter({ pages: "./../server/uibuild", assets: "./../server/uibuild", fallback: "index.html", }), }, preprocess: [ preprocess({ postcss: true, }), ], }; export default config;
r.handle("/", http.fileserver(http.fs(static)))
func (mx *mux) handle(パターン文字列、ハンドラー http.handler)
) をサポートします。実行時に URL パラメーターを取得するには、chi.urlparam(r, "userid") (名前付きパラメーターの場合) および chi.urlparam(r, "") (ワイルドカード パラメーターの場合) を呼び出します。
したがって、「パターン」として「/」を渡します。これは/ には一致しますが、それ以外には一致しません。次を使用して修正します。
リーリー
/ にリダイレクトすることです (そうしないと、ユーザーがパスをブックマークした場合にページが読み込まれません)。詳細については、
この回答を参照してください。
about を
ui /src/routes に追加します。 /page.svelte とリビルド (両方とも svelte してからアプリケーションに移動します)。これで、
about ページに移動できるようになります (最初にホームページをロードしてから、[About] をクリックします)。これはクライアント ルーターによって処理されます (そのため、おそらく go サーバーへのリクエストは表示されません)。ページに直接アクセスしたときに機能させる方法については、
にリンクされている回答 を参照してください (例:
/about)。
p> これは、埋め込みファイル システムから必要なビットを提供し、他のすべてのリクエストに対してメインの
index.html を返す簡単な (そしてややハックな) 例です (洗練されたルーターがすべてのリクエストを表示できるように)必須ページ)。
リーリー
以上がgolang バイナリへの sveltekit の埋め込みの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック









リアルタイムのビットコインUSD価格 ビットコインの価格に影響を与える要因 将来のビットコイン価格を予測するための指標 2018年から2024年のビットコインの価格に関する重要な情報を次に示します。

はい、H5ページの生産は、HTML、CSS、JavaScriptなどのコアテクノロジーを含むフロントエンド開発のための重要な実装方法です。開発者は、< canvas>の使用など、これらのテクノロジーを巧みに組み合わせることにより、動的で強力なH5ページを構築します。グラフィックを描画するタグまたはJavaScriptを使用して相互作用の動作を制御します。

CSSでサイズ変更シンボルをカスタマイズする方法は、背景色で統一されています。毎日の開発では、調整など、ユーザーインターフェイスの詳細をカスタマイズする必要がある状況に遭遇することがよくあります...

インラインブロック要素の誤った整列ディスプレイの理由とソリューションに関して。 Webページのレイアウトを書くとき、私たちはしばしばいくつかの奇妙な表示の問題に遭遇します。比較する...

JavaScriptまたはCSSを使用して、ブラウザの印刷設定のページの上部と端を制御する方法。ブラウザの印刷設定には、ディスプレイが...

フレックスレイアウトとソリューションの下でのテキストの過度の省略によるコンテナの開口部の問題が使用されます...

セグメントターの45度の曲線効果を達成する方法は?セグメンテーションデバイスを実装する過程で、左ボタンをクリックすると、適切な境界線を45度の曲線に変える方法とポイント...

ユーザーインターフェイスデザインにセグメルダー効果を実装するためのヒントは、特にモバイルアプリケーションやレスポンシブWebページで、一般的なナビゲーション要素です。 ...
