7、构建实时照片分享应用：从多图加载到 WebSocket 数据处理

构建实时照片分享应用：从多图加载到 WebSocket 数据处理

1. 加载多张照片

在之前的应用中，我们仅使用了单张照片，现在需要将应用更新为显示多张照片。以下是具体步骤：
- 创建类型别名 ：为照片列表创建一个类型别名 Feed 。

type alias Feed =
    List Photo

• 修改模型 ：将 Model 和 initialModel 中的 photo 字段替换为 feed 字段，类型为 Maybe Feed 。

type alias Model =
    { feed : Maybe Feed }

initialModel =
    { feed = Nothing }

• 更新 API 请求 ：修改 fetchFeed 函数，使用新的 URL 和列表解码器。

fetchFeed =
    Http.get
        { url = baseUrl ++ "feed"
        , expect