Wilkyway

오늘은 gin framework으로 만든 앱을 heroku에 배포하기까지 실행해보겠습니다. python 앱의 경우 pythonanywhere라는 무료 가능한 사이트가 있어서 좋았는데, 비슷한 걸 찾다보니 heroku에서 무료 배포가 가능했습니다. Heroku는 git과 연동되어 운용되니 Git도 설치가 필요합니다.

사전 준비

1. Git 설치

2. Heroku 설치

3. Gin 설치

방법

1. Git Repository 생성

Github에 가입하였다면, Repository 관리 페이지로 가서 새로운 Repository를 생성해줍니다. 별다른 설정사항 손댈 필요 없이 적당한 이름을 부여하고, Public으로 생성합니다.

2. 생성한 repository 로컬 pc에 다운로드

pc에 생성하고 github으로 올리는 방법도 있겠지만, 아직 git/github에 익숙하지 않은 필자는 github에 생성 후 다운받아서 작업합니다.

go get -u github.com/seaofcalm/gin-test

%GOPATH%\src\github.com\ 경로 아래에 본인의 github 아이디와 생성한 repository 이름의 조합으로 repository가 다운받아지게 됩니다.

3. 다운받은 경로에 Gin 앱 구성

해당 경로로 이동하여 예제 파일을 생성합니다.

<예제 소스>

package main

import "github.com/gin-gonic/gin"

func main() {
	r := gin.Default()
	r.GET("/", func(c *gin.Context) {
		c.JSON(200, gin.H{
			"message": "pong",
		})
	})
	r.Run() // listen and serve on 0.0.0.0:8080 (for windows "localhost:8080")
}

첫 페이지에서 결과를 확인할 수 있도록 gin 웹사이트에서 제공하는 예제 소스를 약간...정말 약간 수정하였습니다.("/pong" -> "/"으로 수정)

4. 디펜던시 파일 생성

디펜던시 파일을 생성해 주어야 Heroku에서 앱으로 인식을 합니다. govendor나 godep 등 여러 프로그램들이 있지만, 기본 설치되어있는 go module 프로그램으로 충분합니다. (사실 위 두 프로그램으로 시도해 보다가 실패함..)

<1> go mod init        //go.mod파일 생성

<2> go build

<3> go mod vendor   //vendor폴더에 디펜던시 파일 다운받음

5. Git에 추가

<1> git init                             // Git 시작

<2> git add .                          // 새 파일들을 넣거나 변경 파일들을 git에 인식시킴

<3> git commit -m "아무말이나" // git 커밋

<4> git push origin master        // git 푸쉬. 실질적인 파일 복사. heroku에만 올리려면 굳이 수행하지 않아도 됨.

6. Heroku에 추가

<1> heroku login                      //헤로쿠 로그인

<2> heroku create gin-retest       // "gin-retest" heroku git 생성 (앱 이름 중복으로 다른 이름 부여함)

<3> heroku git:remote -a gin-retest // 원격모드 연결

<4> git push heroku master        //heroku로 배포

7. 결과 확인

그럼 지금까지 수행한 결과를 확인해 보겠습니다.

우선 Heroku 사이트 로그인 후 우측 상단의 Dashboard 화면으로 이동해보면, 방금 만든 App(gin-retest)이 보입니다.

해당 앱을 클릭해서 들어간 화면에서 우측 상단의 Open app을 클릭해줍니다.

아래와 같이 코드로 작성한 앱이 잘 실행되는지 확인합니다.

이상 golang gin 웹프레임워크 앱을 heroku에 배포하는 방법에 대해 알아보았습니다.

그럼 이만~~

(ps) git/heroku/gin 등의 활용과 관련하여 정확히 모르는 상태로 앱을 작성하다보니 오류가 있을 수 있습니다. 오류 알려주세요. 정정 요청 댓글 환영합니다.

package main

import (
	"fmt"
	"image/color"
	_ "unicode/utf8"

	"fyne.io/fyne"
	"fyne.io/fyne/app"
	"fyne.io/fyne/canvas"
	"fyne.io/fyne/layout"
	"fyne.io/fyne/theme"
	"fyne.io/fyne/widget"
)

func main() {
	f := app.New()
	//f.Settings().SetTheme(theme.LightTheme())
	f.Settings().SetTheme(theme.DarkTheme())
	w := f.NewWindow("")

	//상단에 넣을 위젯 및 레이아웃 - NewFormLayout
	qry := widget.NewEntry()
	btn_go := widget.NewButton("New Memo", New_btn)

	text := canvas.NewText("Text Object", color.White)
	text.Alignment = fyne.TextAlignTrailing
	text.TextStyle = fyne.TextStyle{Italic: true}

	ret := fyne.NewContainerWithLayout(layout.NewFormLayout())
	ret.AddObject(btn_go)
	ret.AddObject(qry)

	//하단에 넣을 위젯 및 전체 레이아웃 구성 - NewBorderLayout
	label2 := widget.NewLabel("Simple Memo")
	labox2 := fyne.NewContainerWithLayout(layout.NewCenterLayout(), label2)

	b1 := widget.NewButton("Go1", func() { fmt.Println("Go1 Button") })
	b1.ExtendBaseWidget(b1)

	b2 := widget.NewButton("Go2", func() { fmt.Println("Go2 Button") })
	b2.ExtendBaseWidget(b2)

	out_entry := widget.NewMultiLineEntry()
	out_entry.SetPlaceHolder("결과...")
	out_entry.ExtendBaseWidget(out_entry)

	frm := fyne.NewContainerWithLayout(layout.NewBorderLayout(ret, labox2, nil, nil)) //상, 하, 좌(없음), 우(없음)
	frm.AddObject(ret)                                                                //상단
	frm.AddObject(labox2)                                                             //하단
	frm.AddObject(out_entry)                                                          //좌-우가 없으므로 5번째에(center) 추가됨

	w.SetContent(frm)
	w.Resize(fyne.Size{Height: 640, Width: 480})
	w.ShowAndRun()

}

콘솔에서 빌드 시 -ldflags -H=windowsgui 플래그옵션을 함께 줘서 합니다.

go build -ldflags -H=windowsgui filename.go

오늘은 또다시 새로운 시도를 해 봅니다.

다들 Golang 강좌 / Web Framework 등 관련 포스트들이 많은데, 이 블로그에서는 항상 사이드 팁들만 올리는 것 같네요. 하지만 누군가는 필요한 사람도 있겠죠?^^;; 그렇게 믿어봅니다.

Golang 윈도우즈용 실행파일을 만들고나면 너무 멋없잖아요? 특히나 바탕화면에 둘 때엔..이렇게....

그래서 준비했습니다.

윈도우즈용 실행파일 아이콘 만들기!!

우선, 이거 하나 해보겠다고 Stack Overflow 꼬부랑 글씨 따라 한 삽질이 좀 되는데요...

1).  goversioninfo 설치 

  1 go get github.com/josephspurrier/govrsioninfo/cmd/goversioninfo

  2. testdata/resource/versioninfo.json을 작업 디렉토리로 복사

  3. //go:generate goversioninfo -icon=testdata/resource/icon.ico -manifest=testdata/resource/goversioninfo.exe.manifest 를 소스코드 상단에 추가

  4 go generate

  5 go build 

=> 결론은 잘 안됨. (설정을 잘 몰라서 그럴 것 같습니다만....어려워서 포기)

2). rsrc 설치

   1.  go get github.com/akaval/rsrc

   2.  rsrc -manifest goversioninfo.exe.manifes -ico icon.ico -o resource.syso (각 파일은 goversioninfo 설치파일로부터...)

==>결론은 이것도 안됨. 다 필요없음~

서론이 기네요. 본론 결론은 완전 간단!

리소스해커라는 프로그램이 있습니다. 이게 답입니다.^^;;;

우선 위 사이트로 가서 윈도우즈용 exe 설치파일을 다운받습니다. 그리고 설치합니다.

그리고 리소스 해커를 실행해줍니다. 

그리고 나서...

1. File -> Open -> XXX.exe (go 빌드한 실행파일)

2. Action -> Add an Image or Other Binary Resource ... 를 클릭하고 

3. 본인이 마련한 XXX.ico 파일(아이콘으로 쓸 파일, ico형식이어야 함)을 선택해줍니다.

4. 저장. 끝!

아래 사진들은 참고하시기 바랍니다.

자~ 바탕화면에도, 탐색기에서도 아이콘이 원하는 이미지로 잘 세팅되었죠?

이것으로 golang 실행파일 아이콘 만들기를 마치겠습니다.

-끝-

Fyne를 이용하여 Layout 구성하는 예제입니다.

//Fyne Layout Test

package main

import (
	"fmt"

	"fyne.io/fyne"
	"fyne.io/fyne/app"
	"fyne.io/fyne/layout"
	"fyne.io/fyne/widget"
)

func main() {
	f := app.New()
	w := f.NewWindow("")

	//상단에 넣을 위젯 및 레이아웃 - NewFormLayout
	lb_db_addr := widget.NewLabel("DB Address")
	tf_db_addr := widget.NewEntry()
	tf_db_addr.SetPlaceHolder("database@databaseservr.com:1526/orcl")

	lbUser := widget.NewLabel("Username")
	tfUser := widget.NewEntry()

	lbPass := widget.NewLabel("Password")
	tfPass := widget.NewPasswordEntry()

	qry := widget.NewEntry()
	btn_go := widget.NewButton("Go", func() { fmt.Println("Go Button") })

	ret := fyne.NewContainerWithLayout(layout.NewFormLayout())
	ret.AddObject(lb_db_addr)
	ret.AddObject(tf_db_addr)
	ret.AddObject(lbUser)
	ret.AddObject(tfUser)
	ret.AddObject(lbPass)
	ret.AddObject(tfPass)
	ret.AddObject(btn_go)
	ret.AddObject(qry)

	//하단에 넣을 위젯 및 전체 레이아웃 구성 - NewBorderLayout
	label2 := widget.NewLabel("Simple Data Search")
	labox2 := fyne.NewContainerWithLayout(layout.NewCenterLayout(), label2)

	b1 := widget.NewButton("Go1", func() { fmt.Println("Go1 Button") })
	b1.ExtendBaseWidget(b1)

	b2 := widget.NewButton("Go2", func() { fmt.Println("Go2 Button") })
	b2.ExtendBaseWidget(b2)

	out_entry := widget.NewEntry()
	out_entry.SetPlaceHolder("Results...")
	out_entry.ExtendBaseWidget(out_entry)

	frm := fyne.NewContainerWithLayout(layout.NewBorderLayout(ret, labox2, nil, nil)) //상, 하, 좌(없음), 우(없음)
	frm.AddObject(ret)                                                                //상단
	frm.AddObject(labox2)                                                             //하단
	frm.AddObject(out_entry)                                                          //좌-우가 없으므로 5번째에(center) 추가됨

	w.SetContent(frm)
	w.Resize(fyne.Size{Height: 640, Width: 480})
	w.ShowAndRun()

}

Fyne를 이용하여 GUI에서 테이블을 구현해 보았습니다.

아직 익숙하지 않아서 굴러다니는 소스 복사해다가 몇가지 위치/사이즈만 변형시켜보는 수준이지만,

필요하신 분이 있을지도 모른다는 희망에 올려봅니다.

package main

import (
	"fmt"

	"fyne.io/fyne"
	"fyne.io/fyne/app"
	"fyne.io/fyne/layout"

	//"fyne.io/fyne/theme"
	"fyne.io/fyne/widget"
)

func main() {
	app := app.New() //app 선언
	//app.Settings().SetTheme(theme.LightTheme()) //밝은 테마 설정

	w := app.NewWindow("Hello") //window 선언
	entry := widget.NewEntry()
	entry.SetPlaceHolder("database@databaseservr.com:5000/orcl")

	w.SetContent(
		widget.NewVBox(
			widget.NewLabel("Databas Address"), //레이블
			widget.NewHBox(
				entry, //엔트리 (문자열 입력)
				widget.NewButton("Go", func() { //종료버튼
					app.Quit()
				}),
			),
			makeTable( //makeTable함수를 사용하여 테이블 선언 및 변수 입력
				[]string{"Foo", "Bar", "Baz", "My_a", "My_b", "My_c"}, //칼럼(헤더)
				[][]string{{"1", "2", "3"}, {"4", "5", "6"}},          //데이터
			),
		),
	)
	w.Resize(fyne.NewSize(600, 600))
	w.ShowAndRun()
}

func makeTable(headings []string, rows [][]string) *widget.Box {

	columns := rowsToColumns(headings, rows)

	objects := make([]fyne.CanvasObject, len(columns))
	for k, col := range columns {
		box := widget.NewVBox(widget.NewLabelWithStyle(headings[k], fyne.TextAlignLeading, fyne.TextStyle{Bold: true}))
		for _, val := range col {
			box.Append(widget.NewLabel(val))
		}
		objects[k] = box
	}
	return widget.NewVBox(
		fyne.NewContainerWithLayout(layout.NewGridLayout(len(columns)), objects...),
	)
}

func rowsToColumns(headings []string, rows [][]string) [][]string {
	columns := make([][]string, len(headings))
	for _, row := range rows {
		for colK := range row {
			columns[colK] = append(columns[colK], row[colK])
		}
	}
	return columns
}

결과는 아래와 같이...

다음엔 쫌더 이쁘게 만들어봅시당...ㅋㅋㅋ

그럼 이만~~~

Go언어로 GUI를 만들려고 하니 이것저것 다른 GUI Toolkit을 만져보게 되네요.

오늘은 fyne라는 toolkit을 설치해볼까 합니다. 설치 방법은 비교적 간단한데요. 아래와 같이 입력하면 설치가 됩니다.

(기본적으로 MSYS2 가 설치되어있어야 합니다.)

go get fyne.io/fyne

Hello world부터 띄워보겠습니다.

// fyne_hello.go
package main

import (
	"fyne.io/fyne/app"
	"fyne.io/fyne/widget"
)

func main() {
	a := app.New()

	w := a.NewWindow("Hello")
	w.SetContent(widget.NewVBox(
		widget.NewLabel("Hello Fyne!"),
		widget.NewButton("Quit", func() { 
			a.Quit() 
		}),
	))

	w.ShowAndRun()
}

내용은 아직 잘 모르지만 아래 그림처럼 잘 뜨네요..

 테마가 특이하단 생각이듭니다. 윈도우 프로그래밍 할때 쓰던C# 이나, JAVA 같은거랑은 완전 다른 느낌이네요. 나름 쉽게접근할 수 있어서 한번 몇가지 더 시도해 봐야겠습니다.

(ps) 우분투에서 설치하면서 Fyne 작동 시 아래와 같은 오류가 뜰 때에는...

# fyne.io/fyne/v2/vendor/github.com/go-gl/glfw/v3.3/glfw
/usr/bin/ld: cannot find -lXxf86vm
collect2: error: ld returned 1 exit status

추가로 라이브러리를 하나 더 설치해줍니다.

sudo apt-get install libgl1-mesa-dev xorg-dev

Golang으로 테이블을 구현할만한 GUI 라이브러리를 찾고 있는 중, andlabs/ui에서 예제를 발견하여 소스 코드를 올려봅니다. 분석도 좀 필요한데..아직은 그냥 몇몇 부분만 단순화 해놓은 상태입니다.

// tabletest.go
package main

import (
	"fmt"

	"github.com/andlabs/ui"
	_ "github.com/andlabs/ui/winmanifest"
)

type modelHandler struct {
	row9Text    string
	yellowRow   int
	checkStates [3]int
}

func (mh *modelHandler) ColumnTypes(m *ui.TableModel) []ui.TableValue {
	return []ui.TableValue{
		ui.TableString(""), // column 0 text
		ui.TableString(""), // column 1 text
		ui.TableString(""), // column 2 text
	}
}

func (mh *modelHandler) NumRows(m *ui.TableModel) int {
	return 3
}

func (mh *modelHandler) CellValue(m *ui.TableModel, row, column int) ui.TableValue {

	fmt.Printf("%d %d\n", row, column)
	return ui.TableString(row_data[row][column]) //테이블 내부에서 모든 행/열에 대해 자동 수행됨.
												 //String으로 선언된 배열 값을 행/렬 값을 인덱스로 받아들
}

func (mh *modelHandler) SetCellValue(m *ui.TableModel, row, column int, value ui.TableValue) {
	mh.row9Text = string(value.(ui.TableString))
}

func newModelHandler() *modelHandler {
	m := new(modelHandler)
	m.row9Text = "You can edit this one"
	m.yellowRow = -1
	return m
}

//불러올 데이터를 전역변수로 정의
var row_data = [3][3]string{
	{"a", "b", "c"},
	{"f", "e", "d"},
	{"g", "h", "i"},
}

func setupUI() {
	mainwin := ui.NewWindow("libui Control Gallery", 640, 480, true)
	mainwin.OnClosing(func(*ui.Window) bool {
		ui.Quit()
		return true
	})
	ui.OnShouldQuit(func() bool {
		mainwin.Destroy()
		return true
	})

	mh := newModelHandler()
	model := ui.NewTableModel(mh)
	table := ui.NewTable(&ui.TableParams{
		Model:                         model,
		RowBackgroundColorModelColumn: -1, // "RowBackgroundColorModelColumn"는 테이블의 전체 행에
		//사용되는 배경색을 사용하는 열 번호를 정의.
		//모든 행에 기본 배경색을 사용하려면 -1.
		//CellValue가 NULL이면 기본 배경색.
	})

	table.AppendTextColumn("Column 1", 0, ui.TableModelColumnNeverEditable, nil)
	table.AppendTextColumn("Column 2", 1, ui.TableModelColumnNeverEditable, nil)
	table.AppendTextColumn("Editable", 2, ui.TableModelColumnAlwaysEditable, nil)

	input := ui.NewEntry()
	button := ui.NewButton("Greet")
	box := ui.NewVerticalBox()
	box.Append(ui.NewLabel("Enter your name:"), false)
	box.Append(input, false)
	box.Append(button, false)
	box.Append(table, true)

	mainwin.SetChild(box)
	mainwin.SetMargined(true)

	mainwin.Show()
}

func main() {
	ui.Main(setupUI)
}

결과물은 아래처럼 나오는데.....적당히 수정해서 Oracle하고 연동해서 사용할 계획입니다.

(결과물 나오는대로 포스팅 업데이트 예정)

2020.04.01수정:

  외부 데이터를 받아들여 표시하기 위해 이것 저것 만져보았습니다. 우선 "RowBackgroundColorModelColumn" 녀석이 있는데, 이게 -1로 되어있어야 했습니다. 배경색을 정의하는 인자 같은데, 이걸 다른 값을 설정하면....예를 들어 3을 설정하면 칼럼 값이 3+3=6이 됩니다. 화면에 나타나지 않아서 찾느라 고생했습니다ㅠㅠ. 덕분에 CellValue 함수 정의하는데 고생을 좀 했습니다.