バックエンドとフロントエンド間のデータの受け渡しについて

Question

Next js を用いてブログを作成したのですが管理画面を作成してdb 上にブログのデータを保存し、そこからもってくるようにしたいです
バックエンドをgo、フロントをnextjsで実装した場合、go でとってきたデータをフロントに渡すときにどうするのか知りたいです
自分が考えたこととしてはフロント側でリクエストを送ったときにバックエンド側のAPI を叩いてjsonなどに整形したデータを取るということです。これは可能でしょうか？　またこういった場合サーバーを２つたてる必要があるのでしょうか？別の方法があるなら教えていただきたいです。

Comments

[gentaro]

何を調べてどの部分がわからないのかぐらい質問文に書こう。
文面通りに解釈すれば「何もわかりません教えて下さい」って言ってるのと同じ。
それはここじゃなくてスクールにでも通ってまず自分で学習するべき話。

[hoshi-takanori]

Next.js は良く知りませんが、Web API を実装することも可能なようですね。
https://zenn.dev/syu/articles/6c3a8ea1c7104d

Answer 1

JSONによるAPIサーバーをGoで実装し、それをフロントエンドから利用することでフロント側を任意のフロントエンドフレームワークで実装することは可能です。

nodeの開発サーバーとGoによるバックエンド開発を並行する場合、僕は以下の構成で開発しています。

• nodeの開発サーバーをlocalhost:3000にて起動
• golangの下記サーバー実装をlocalhost:8080にて（開発版ビルド）起動
• localhost:8080/api/へのアクセスはGoがハンドリングします。
• 開発版ビルドの場合、/api/を除くスタティックコンテンツへのアクセスはlocalhost:3000にプロキシーします。
• リリースビルドの場合、スタティックコンテンツがバイナリに埋め込まれてビルドされ、スタティックコンテンツをサーブします。

つまり、リリースビルドの直前にnode側でpublicフォルダに静的ファイル群のデプロイをすましておきます。
開発中

ミニマムなサンプルとして下記のツリーと仮定します。

• 開発版ビルド： go run . # node開発サーバー(localhost:3000)も必要
• リリースビルド： go run -tags release . # next.jsのデプロイstaticファイルセットがfront/publicにある前提

- project-root/
    - go.mod
    - main.go
    - debug.go
    - release.go
    - api/
        - api.go
    - front/public/
        - index.html

https://play.golang.org/p/27Gs-a5dh-P

package main

import (
	"log"
	"net"
	"net/http"

	_ "play.ground/api"
)

func main() {
	l, err := net.Listen("tcp", ":8080")
	if err != nil {
		log.Fatal(err)
	}
	log.Print("listen:", l.Addr())
	if err := http.Serve(l, nil); err != nil {
		log.Fatal(err)
	}
}

-- go.mod --
module play.ground

-- api/api.go --
package api

import "net/http"

var API = http.NewServeMux()

func health(w http.ResponseWriter, r *http.Request) {
	// implement sample api
}

func init() {
	API.HandleFunc("/api/health", health)
}


-- development.go --
// +build !release

package main

import (
	"log"
	"net/http"
	"net/http/httputil"
	"net/url"
)

func init() {
	u, err := url.Parse("http://localhost:3000/")
	if err != nil {
		log.Fatal(err)
	}
	http.Handle("/", httputil.NewSingleHostReverseProxy(u))
}

-- release.go --
// +build release

package main

import (
	"embed"
	"io/fs"
	"log"
	"net/http"
)

//go:embed front/public/*
var content embed.FS

func init() {
	pub, err := fs.Sub(content, "front/public")
	if err != nil {
		log.Fatal(err)
	}
	http.Handle("/", http.FileServer(http.FS(pub)))
}

-- front/public/index.html --
<h1>Hello!</h1>

Comments

[Ryuya-web]

すごい詳しくありがとうございます
参考にさせていただきます