embedded Single Page Application(单页面应用)
目录结构
主目录
embeddedSPA
—— main.go
—— main_test.go
—— public
—— css
—— main.css
—— index.html
—— app.js
示例代码
main.go
package main
import (
"github.com/kataras/iris"
)
// $ go get -u github.com/shuLhan/go-bindata/...
// $ go-bindata ./public/...
// $ go build
// $ ./embedded-single-page-application
var page = struct {
Title string
}{"Welcome"}
func newApp() *iris.Application {
app := iris.New()
app.RegisterView(iris.HTML("./public", ".html").Binary(Asset, AssetNames))
app.Get("/", func(ctx iris.Context) {
ctx.ViewData("Page", page)
ctx.View("index.html")
})
assetHandler := iris.StaticEmbeddedHandler("./public", Asset, AssetNames, false) //如果使用`go-bindata`工具,请保持false。
//作为SPA的替代方案,您可以查看/routing/dynamic-path/root-wildcard
//也是例子
// 要么
// app.StaticEmbedded如果您不想在index.html上重定向并且简单地为您的SPA应用程序提供服务(推荐)。
// public / index.html是一个动态视图,它由root手工绘制,
//我们不希望作为原始数据显示,所以我们会
//'app.SPA`的返回值来修改`IndexNames`;
app.SPA(assetHandler).AddIndexName("index.html")
return app
}
func main() {
app := newApp()
// http://localhost:8080
// http://localhost:8080/index.html
// http://localhost:8080/app.js
// http://localhost:8080/css/main.css
app.Run(iris.Addr(":8080"))
}
//请注意,将执行app.Use/UseGlobal/Done
//仅限于注册的路由,如我们的app.Get("/",..)。
//文件服务器将不受限制,但你仍然可以通过修饰它的assetHandler来添加中间件。
//使用此方法,与静态Web("/",'./ public')不同,后者不再按设计工作,
//所有自定义http错误和所有路由都可以正常使用已注册的文件服务器
//到服务器的根路径
main_test.go
package main
import (
"io/ioutil"
"path/filepath"
"runtime"
"strings"
"testing"
"github.com/kataras/iris/httptest"
)
type resource string
func (r resource) contentType() string {
switch filepath.Ext(r.String()) {
case ".js":
return "application/javascript"
case ".css":
return "text/css"
default:
return "text/html"
}
}
func (r resource) String() string {
return string(r)
}
func (r resource) strip(strip string) string {
s := r.String()
return strings.TrimPrefix(s, strip)
}
func (r resource) loadFromBase(dir string) string {
filename := r.String()
if filename == "/" {
filename = "/index.html"
}
fullpath := filepath.Join(dir, filename)
b, err := ioutil.ReadFile(fullpath)
if err != nil {
panic(fullpath + " failed with error: " + err.Error())
}
result := string(b)
if runtime.GOOS != "windows" {
// result = strings.Replace(result, "\n", "\r\n", -1)
}
return result
}
var urls = []resource{
"/",
"/index.html",
"/app.js",
"/css/main.css",
}
func TestSPAEmbedded(t *testing.T) {
app := newApp()
e := httptest.New(t, app)
for _, u := range urls {
url := u.String()
contents := u.loadFromBase("./public")
contents = strings.Replace(contents, "{{ .Page.Title }}", page.Title, 1)
e.GET(url).Expect().
Status(httptest.StatusOK).
ContentType(u.contentType(), app.ConfigurationReadOnly().GetCharset()).
Body().Equal(contents)
}
}
/public/app.js
window.alert("app.js loaded from \"/");
/public/index.html
<html>
<head>
<title>{{ .Page.Title }}</title>
</head>
<body>
<h1> Hello from index.html </h1>
<script src="/app.js"> </script>
</body>
</html>
/public/css/main.css
body {
background-color: black;
}
当前内容版权归 studyiris.com 或其关联方所有,如需对内容或内容相关联开源项目进行关注与资助,请访问 studyiris.com .