Как вывести всю HTML страницу в go?

Question

[Espio]

Мне нужно развернуть статичную html страницу в go.

Что выводится


Что должно выводится


Структура программы


Код

package main

import (
	
	"html/template"
	"io/ioutil"
	"log"
	"net/http"
)

type Page struct {
	Title string
	Body  []byte
}

func (p *Page) save() error {
	filename := p.Title + ".txt"
	return ioutil.WriteFile(filename, p.Body, 0600)
}

func loadPage(title string) (*Page, error) {
	filename := title + ".txt"
	body, err := ioutil.ReadFile(filename)
	if err != nil {
		return nil, err
	}
	return &Page{Title: title, Body: body}, nil
}





func viewHandler(w http.ResponseWriter, r *http.Request) {
	title := r.URL.Path[len("/"):]
	p, _ := loadPage(title)
	t, err := template.ParseFiles("pages/page.html")
	t.Execute(w, p)
	if err != nil {
		log.Println(err)
	}
}

func main() {

	http.HandleFunc("/", viewHandler)

	log.Fatal(http.ListenAndServe(":8080", nil))

}

Answer 1

[Евгений Мамонов]

У вас проблема в том, что не отображается статика (изображения, CSS).
Эту проблему можно решить, как минимум, двумя способами.
Обслуживать статику вебсервером, например Nginx.
Или сделать handler на Go, который будет отдавать статику.
Вот тут есть хороший пример как это можно сделать

https://www.alexedwards.net/blog/serving-static-si...

Если кратко, как вариант:
1. создайте папку static и переложите туда файлы `style.css`, `dog2.jpg`
2. добавьте в URL у картинок и CSS "/static/", чтобы было вот так

<link rel="stylesheet" href="/static/style.css"/>
<img src="/static/sob2.jpg" />

3. сделайте обработчик /static

// добавьте эти строки
fs := http.FileServer(http.Dir("./static"))
http.Handle("/static/", http.StripPrefix("/static/", fs))
// перед этой строкой
http.HandleFunc("/", viewHandler)

Если настраивать через Nginx, тогда минимальные рабочие настройки будут примерно такими

server {
    listen *:80;

    server_name localhost;

    # root /тут_путь_к_вашей_папке/static;
    # для Windows будет что-то типа такого
    root D:/GoExam/static;

    location / {
        try_files $uri @process;
    }

    location @process {
        proxy_pass http://127.0.0.1:8080;
        proxy_set_header Host $host;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_send_timeout 30;
        proxy_read_timeout 30;
    }
}

добавлять их нужно в файл nginx.conf, в секцию http

пример

http {
  # тут идут настройки Nginx
  ....
  # тут дописываете код, что я выше написал, грубо перед закрывающей "}"
}

Comments

[Espio]

Спасибо. Nginx мне тоже нужно прикрутить. Можете посоветовать как это сделать с чего начать? Мне нужно только вот эту 1 страницу отобразить и всё. Буду рад ссылке на материалы или ещё хоть чему-то полезному.

[Евгений Мамонов]

Попробуйте начать с обработки статики на Go, как я написал выше.
Если у вас не получится - пишите, я помогу.

[Евгений Мамонов]

Сейчас поправлю свой ответ под вашу структура файлов

[Espio]

Евгений Мамонов, спасибо, но nginx мне в любом случае нужен, так как задание выглядит вот так (до экзамена этим не занимались и на дистанциоке подобных заданий не было, поэтому сейчас в быстром темпе пытаюсь что-то сделать)
На четверку: сверстать страницу в статическом HTML-файле и развернуть в nginx. Страница должна быть доступна по адресу localhost/.
На пятерку: разработать приложение на Go, с одной сверстанной страницей, расположенной по адресу http://localhost:8080. Настроить nginx для доступа к этой странице по адресу localhost/.

[Евгений Мамонов]

понятно :), какая у вас OS (Windows/Mac/Linux)?

[Espio]

Евгений Мамонов, Windows. Nginx уже поставил

[Евгений Мамонов]

Создайте папку static, и переложите туда файлы *.jpg, *.css, и укажите её корневой в настройках nginx.
Если сделаете корневой папкой ту, где сейчас лежат исходники - любой желающий сможет их скачать.
Привыкайте сразу делать правильно :)
Сейчас добавлю вариант virtualhost для вашей задачи

[Espio]

Евгений Мамонов, Огромное спасибо. Вряд ли на GO буду работать дальше, поэтому надо хоть как-то сделать это.

[Евгений Мамонов]

Добавил пример настроек.
Там суть в том, что статические файлы ищет в указанной вами папке, а все запросы, что не найдёт - отправляет на 127.0.0.1:8080

[Espio]

Евгений Мамонов, После настроек в conf. nginx не запускается и в командной строке пишет это.
PS D:\nginx-1.18.0> .\nginx
nginx: [warn] conflicting server name "localhost" on 0.0.0.0:80, ignored

Когда же попытался запустить go он мне вывел это (код не менял)

API server listening at: 127.0.0.1:36407
2020/06/15 12:51:59 http: panic serving [::1]:50959: runtime error: invalid memory address or nil pointer dereference
goroutine 55 [running]:
net/http.(*conn).serve.func1(0xc00020c280)
	c:/go/src/net/http/server.go:1772 +0x150
panic(0x89bea0, 0xbde680)
	c:/go/src/runtime/panic.go:973 +0x3dc
html/template.(*Template).escape(0x0, 0x0, 0x0)
	c:/go/src/html/template/template.go:95 +0x4c
html/template.(*Template).Execute(0x0, 0x971000, 0xc00023a0e0, 0x894100, 0x0, 0x0, 0x0)
	c:/go/src/html/template/template.go:119 +0x41
main.viewHandler(0x976320, 0xc00023a0e0, 0xc00021a600)
	d:/GoExam/main.go:33 +0x1fd
net/http.HandlerFunc.ServeHTTP(0x91bb70, 0x976320, 0xc00023a0e0, 0xc00021a600)
	c:/go/src/net/http/server.go:2012 +0x4b
net/http.(*ServeMux).ServeHTTP(0xbee2c0, 0x976320, 0xc00023a0e0, 0xc00021a600)
	c:/go/src/net/http/server.go:2387 +0x1ad
net/http.serverHandler.ServeHTTP(0xc00010a000, 0x976320, 0xc00023a0e0, 0xc00021a600)
	c:/go/src/net/http/server.go:2807 +0x216
net/http.(*conn).serve(0xc00020c280, 0x9768a0, 0xc000212400)
	c:/go/src/net/http/server.go:1895 +0x171d
created by net/http.(*Server).Serve
	c:/go/src/net/http/server.go:2933 +0x938

[Евгений Мамонов]

502 ошибка означает, что backend лежит, т.е. Go не запущен.
Скиньте полный вариант вашего кода на Go, я посмотрю

[Espio]

Евгений Мамонов, Такой вопрос ваш код нужно вставить вместо чего-то или дополнительно? И это весь код GO

[Espio]

Евгений Мамонов, У вас есть возможность помочь онлайн по видео-звонку? Мне кажется так быстрее процесс пойдёт

[Евгений Мамонов]

эти две строки

fs := http.FileServer(http.Dir("./static"))
http.Handle("/static/", http.StripPrefix("/static/", fs))

нужно вставить перед этой строкой
http.HandleFunc("/", viewHandler)

судя по ошибке, у вас не загружаются шаблоны

[Espio]

Евгений Мамонов, Вставил эти строки всё равно не работает. На сервере nginx всё равно 502 ошибка.
Повторю вопросик. У вас есть возможность помочь онлайн по видео-звонку? Мне кажется так быстрее процесс пойдёт

[Евгений Мамонов]

мой скайп evgeny.mamonov, можете сейчас написать

[Евгений Мамонов]

что-то со скайпом, whatsapp, viber: [phone]