使用 SAFE 栈进行 F# Web 开发

  • Pierre-Luc Maheu
  • 谢丽

2018 年 5 月 14 日

话题:.NETWeb框架语言 & 开发

看新闻很累?看技术新闻更累?试试下载 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

.NETWeb框架语言 & 开发