看新闻很累?看技术新闻更累?试试下载 InfoQ 手机客户端,每天上下班路上听新闻,有趣还有料!
SAFE 栈是一套可以用来构建 Web 应用程序的 F#库。近日,Tomasz Heimowski 在 F# eXchange 2018 大会的一个现场编码环节中介绍了这个栈。他在演讲中说明了创建和部署一个评估应用程序的全部过程。
SAFE 栈包括:
- Suave,一个独立 Web 服务器库
- Azure
- Fable,一个 F#到 Javascript 的转译器
- Elmish,一个受 Elm 启发的 UI 库
开发依赖于.NET SDK 2.0 和 Nodejs。运行应用程序只需要.NET Core。开始的时候,有一个模板可以用来创建一个基础的应用程序。该应用程序包含示例代码和构建文件。
dotnet new -i SAFE.Template dotnet new SAFE build run
Fable.Elmish 提供了面向 HTML 元素的 F#绑定。HTML 元素是用 F#构建的,可以在编写元素定义时设置事件处理器。
let submit (model : Model) (dispatch : Msg -> unit) = Button.aFa [ Button.Color IsPrimary Button.IsFullwidth Button.OnClick (fun _ -> dispatch Submit) Button.IsLoading model.Loading ] [ str "Submit" ]
SAFE 模板还包含webpack 用于热加载。Webpack 是一个客户端模块打包器。SAFE 栈感兴趣的webpack 特性是“模块热替换(Hot Module Replacement)”,让应用程序可以替换应用程序的某些部分而不丢失状态。
Fable.Remoting 提供了一种在客户端和服务器之间共享接口的方式。它处理在客户端和服务器端的序列化和反序列化。对象定义和服务接口位于一个不同的库中,客户端和服务器端都引用了这个库。
// 定义服务的接口 type IVotingProtocol = { getResults : unit -> Async<VotingResults> addVote : Vote -> Async<VotingResults> } // 客户端代码使用的类型化服务定义 let api : IVotingProtocol = Proxy.createWithBuilder<IVotingProtocol> Route.builder
在服务器端,接口实现是使用面向 Suave 的 Fable.Remoting 辅助程序在服务器库中接入的。
let init : WebPart = let votingProcotol : IVotingProtocol = { getResults = getResults addVote = addVote } // 针对特定实现创建一个 WebPart FableSuaveAdapter.webPartWithBuilderFor votingProcotol Route.builder
在演讲结束时,应用程序部署到了 Azure 上。SAFE 模板并没有直接与云提供商集成。相反,可以创建一个 Docker 镜像,然后部署到云提供商,在这个例子中是 Azure 容器。
GitHub 提供了有关 SAFE 栈的文档和代码样例。
评论