Go and Vue.js development

goandvue.go

package main

// ----------
// How to developp with Vue.js and golang (or other JS framework)
// (awful almost raw notes)
//
// ----------
// Create a projet ClientVue with vue-cli
//
// For developpment with webpack add a proxy to
// ClientVue/config/index.js , then Node will proxy
// api request to Go backend.
//
//   proxyTable: {
//   	// proxy all requests starting with /api to go server
//   	'/api': {
//   	  target: 'http://localhost:5000',
//   	  changeOrigin: true,
//   	  pathRewrite: {
//   		//'^/api': '/other-api'
//   	  },
//   	},
//
// For developpement with webpack and HTTPS add --https
// to webpack-dev-server command line in package.json :
//
// "dev": "webpack-dev-server --https --inline --progress --config build/webpack.dev.conf.js",
//
//
// ----------
// For Angular 2+ with angular-cli :
//
// Create a file proxy.conf.json (see example) and
// use "--proxy-config proxy.conf.json" option with ng serve.
// More on proxy : https://github.com/angular/angular-cli/blob/master/docs/documentation/stories/proxy.md
//
//   {
//       "/api": {
//         "target": "http://localhost:5000",
//         "secure": false
//       }
//     }
//
// For HTTPS simply use --ssl option with ng server : ng serve --ssl
//

import (
	"log"
	"net/http"
	"os"
	"path/filepath"

	"github.com/go-chi/chi"
)

func main() {
	r := chi.NewRouter()

	r.Route("/api/v1", func(r chi.Router) {
		r.Get("/hello", helloWorld)
	})

	// Frontend (without webpack : prod, dev only on api, ...)
	workDir, _ := os.Getwd()
	//filesDir := filepath.Join(workDir, "public")
	filesDir := filepath.Join(workDir, "ClientVue", "dist")
	fileServer := http.FileServer(http.Dir(filesDir))
	r.Method("GET", "/*", fileServer)

	log.Fatal(http.ListenAndServe(":5000", r))
}

// API
func helloWorld(w http.ResponseWriter, r *http.Request) {
	w.Header().Set("Content-Type", "application/json")
	w.WriteHeader(http.StatusOK)
	w.Write([]byte(`{ "message": "Hello World !" }`))
}