Googleクラウドプラットフォームの設定(GCP)

6498 ワード

Static Site Generation(SSG)とは?

Pagesフォルダで作成された各ページのHTMLドキュメントは静的ドキュメントです.
ユーザが各ページに対して要求を出すと、
リクエストに応じて、サーバで再生成するのではなく、生成が完了したページを返します.
このため,生成されたHTML文書を回収し,応答速度が非常に速い.

ビルドプロセス

yarn build
ソースコードを生成する操作
最終的に構築されたフォルダを抽出してストレージにアップロードする必要があります

package.jsonで実行する必要がある操作

package.jsonで構築された部分

"build" : "next build"はこうです

"build" : "next build && next export"このように交換します
糸を作成すると、フィールドフォルダが作成されます.
でも間違います.

/pages/index.jsで実行する必要があるタスク

next.jsは画像ラベル、pages/indexを提供します.js=>コメント「next/image」が必要
また、next/imageに書き込む部分にもコメントが必要です
画像関連機能を備え、構築時に互いに互換性がない
そうしてから.yarn buildをください.

構築に成功し、outというフォルダを作成しました

next.config.jsファイル設定

boards/index.このようにhtmlに入るには
書類だけがぽつんと置かれている.

この部分はnextですconfig.jsファイルでtrailingSlash : trueを作り、もう一度糸の成形をします.

これにより、私たちがずっと使っているフォルダ構造が形成されます.

構築ファイルをGCPに保存

GCP

GCPハンブルクボタン=>クラウドストレージ=>パケットの作成ボタンをクリック
次に

パケットに名前を付け、

位置タイプ

を選択

マルチゾーンが選択されました
アジア地域

を選択
残りは押し続けます.

作成(Create)ボタンをクリックします.

buildで作成したoutフォルダにあります.

多福

構築フォルダの設定

親フォルダで作成したフォルダの一番右側をクリックします

リストでは、버킷 권한 수정と웹사이트 구성 수정に触れる必要があります.

構成の変更

「保存」ボタンをクリックします

パケットの変更

「プライマリ・メンバーの追加」ボタンをクリックします.

新しい主要メンバーallUsers.
ロールのクラウドストレージ内のストレージオブジェクトビューアを選択します.
ちょぞう

フォルダ構築時にフォルダ内の内容が貼り付けられない(ドラッグ＆ドロップ)場合の解決方法を設定します

端末アイコンを押すと、下に端末が表示されます.

codecamp-03というフォルダを作成します.
gitは私のcodecamp-03フォルダをクローンします.
class buildフォルダへ
糸の取り付けを行います.
ノードバージョンのアップグレード

ノードバージョンをアップグレードするには、次の手順に従います。

ノードバージョンをアップグレードするには、ノードバージョンマネージャ(nvm)をインストールする必要があります.
nvmは、1台のコンピュータ上で複数のバージョンを記述したいノードバージョンに使用されます.
nvmの詳細なインストール方法はnvmのインストール方法に示すことができる.$ sudo curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.1/install.sh | bash $ nvm lsを入力と、

これにより、使用可能なバージョンのリストが表示されます.
最新バージョンでセキュリティバージョンを使用するためです.
バージョンを再ダウンロードします.$ nvm install 16インストール16バージョン$ nvm use v16.12.0バージョン16.12.0の使用

そして$ node --versionでバージョンを確認します.
16.12.0バージョンが正常に表示されていれば、それでいいです.
これで終わります.$ yarn installおよび$ yarn build.
端末のclass build位置
この方法の詳細については、「->ガイド->データ・パッケージへのデータのアップロード」を参照してください.
詳しく見る

$ gsutil cp ./out/* gs://codecamp-deploy-byungjin

このコマンドを入力すると

承認ボタンを押せばいいです.
それからフォルダに入ってoutフォルダの中のものを見てみましょう.
もう入ったはずです.

tcp , udp , http

tcp:データが受信されたかどうかを確認する
検査が遅い
でも安定性はいい
udp:データが受信されたかどうかを確認していません
チェックしないので、スピードが速いです.
しかし安定性が悪い.
重要データtcp;非重要データudp今まで書いていたのはhttpデータベース内のデータベースは通常tcpで交換されます