使用 SAFE 栈进行 F# Web 开发

阅读数:547 2018 年 5 月 14 日

看新闻很累?看技术新闻更累?试试下载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 栈的文档和代码样例。

查看英文原文: F# Web Development With the SAFE Stack

收藏

评论

微博

发表评论

注册/登录 InfoQ 发表评论